body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
  margin: 0;
  padding: 0;
}
input,
input[type=text],
input[type=button],
input[type=password],
input[type=submit],
input[type=date],
select,
textarea {
  outline: none;
  border: none;
}
textarea,
input[type=text],
input[type=button],
input[type=radio],
input[type=password],
input[type=submit],
input[type=date],
select {
  -webkit-appearance: none;
}
html {
  font-size: 625%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 320px) {
  html {
    font-size: 312.5%;
  }
}
@media screen and (min-width: 360px) {
  html {
    font-size: 351.5625%;
  }
}
@media screen and (min-width: 375px) {
  html {
    font-size: 366.211%;
  }
}
@media screen and (min-width: 400px) {
  html {
    font-size: 390.625%;
  }
}
@media screen and (min-width: 414px) {
  html {
    font-size: 404.2969%;
  }
}
@media screen and (min-width: 440px) {
  html {
    font-size: 429.6875%;
  }
}
@media screen and (min-width: 480px) {
  html {
    font-size: 468.75%;
  }
}
@media screen and (min-width: 520px) {
  html {
    font-size: 507.8125%;
  }
}
@media screen and (min-width: 560px) {
  html {
    font-size: 546.875%;
  }
}
@media screen and (min-width: 600px) {
  html {
    font-size: 585.9375%;
  }
}
@media screen and (min-width: 640px) {
  html {
    font-size: 625%;
  }
}
@media screen and (min-width: 680px) {
  html {
    font-size: 664.0625%;
  }
}
@media screen and (min-width: 720px) {
  html {
    font-size: 703.125%;
  }
}
@media screen and (min-width: 760px) {
  html {
    font-size: 742.1875%;
  }
}
@media screen and (min-width: 800px) {
  html {
    font-size: 781.25%;
  }
}
@media screen and (min-width: 960px) {
  html {
    font-size: 937.5%;
  }
}
@media screen and (min-width: 1000px) {
  html {
    font-size: 625%;
  }
}
body {
  width: 100%;
  font-size: 0.14rem;
  font-family: Arial, "Microsoft YaHei", sans-serif;
  box-sizing: border-box;
  color: #000;
  background: #fff;
  min-width: 320px;
  overflow-x: hidden;
}
textarea {
  font-family: Arial, "Microsoft YaHei", sans-serif;
}
a {
  color: #000;
  text-decoration: none;
}
em,
i {
  font-style: normal;
}
li {
  list-style: none;
}
img {
  width: 100%;
  height: auto;
  border: 0;
  vertical-align: bottom;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
p {
  word-wrap: break-word;
}
.tdt-bottom {
  display: none !important;
}
.clearfix {
  *zoom: 1;
}
.clearfix::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.grid-col1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.grid-col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.grid-col3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.grid-col4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.grid-col5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.grid-col6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.grid-col7 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 1000px) {
  .grid-mcol1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1000px) {
  .grid-mcol2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1000px) {
  .grid-mcol3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1000px) {
  .grid-mcol4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.flex,
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex.flex-rev,
.flex-row.flex-rev {
  flex-direction: row-reverse;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-col.flex-rev {
  flex-direction: column-reverse;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-space {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-div {
  display: flex;
}
.flex-div > * {
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .flex-mcol {
    flex-direction: column;
  }
  .flex-mcol.flex-rev {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 1000px) {
  .flex-mrow {
    flex-direction: row;
  }
  .flex-mrow.flex-rev {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1001px) {
  .mshow {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .mhide {
    display: none;
  }
}
.nowshow.not(".now"),
.nowhide.now,
.curshow.not(".cur"),
.curhide.cur {
  display: none;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-upper {
  text-transform: uppercase;
}
.text-lower {
  text-transform: lowercase;
}
.text-cap {
  text-transform: capitalize;
}
.text-wrap {
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
}
.text-nowrap {
  white-space: nowrap;
}
.line-tuncate1 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.line-tuncate2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-tuncate3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.grid-picbox {
  display: flex;
}
.grid-picbox ul {
  flex: 1;
}
.grid-picbox.grid1x2 ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.grid-picbox.grid2x2 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.grid-picbox.grid4x2 ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media screen and (max-width: 1000px) {
  .grid-picbox.grid4x2 {
    flex-direction: column;
  }
  .grid-picbox.grid4x2 ul:nth-child(2) {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}
.grid-picbox.grid3x3 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.grid-picbox.grid4x4 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .grid-picbox.grid4x4 ul:nth-child(2) {
    flex-direction: column;
  }
  .grid-picbox.grid4x4 ul:nth-child(2) ul:nth-child(2) {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 1fr);
  }
}
.hover-box {
  position: relative;
  overflow: hidden;
}
.hover-box .hover-content {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -100%;
  transition: all, 0.5s;
}
.hover-box:hover .hover-content {
  bottom: 0;
}
.hover-box.full .hover-content {
  height: 100%;
}
.mask {
  background-color: rgba(0, 0, 0, 0.7);
}
.absbox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page,
.block {
  width: 100%;
  height: auto;
}
.page-bottom {
  border-bottom: 5px solid #45b93c;
}
@media screen and (max-width: 1000px) {
  .page-bottom {
    border-bottom: 3px solid #45b93c;
  }
}
.block-bg {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.block-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.banner {
  width: 100%;
  height: auto;
  position: relative;
}
.banner .banner-bg {
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .banner .banner-bg {
    height: 56.25vw;
  }
  .banner .banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
  }
}
.banner .banner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.banner .banner-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.banner .banner-titlebox .banner-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .banner .banner-titlebox .banner-entitle {
    font-size: 4vw;
  }
}
.banner .banner-titlebox .banner-title {
  color: #231f20;
  font-size: 2.5vw;
}
@media screen and (max-width: 1000px) {
  .banner .banner-titlebox .banner-title {
    font-size: 6.4vw;
	padding: 0 10%;
  }
}
.block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.wrapper,
.layer-wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.header {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: border-box;
  z-index: 9999;
  justify-content: space-between;
  display: flex;
  align-items: center;
  transition: all 0.5s;
  padding: 0px 5%;
}
@media screen and (min-width: 1001px) {
  .header:hover {
    background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
  }
}
.header.over,
.header.now {
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}
.header .logo {
  width: 12%;
  height: auto;
  max-width: 192px;
}
.header .logo img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.header .menu {
  width: auto;
  height: auto;
}
.header .menu ul {
  width: auto;
  height: auto;
  float: left;
}
.header .menu li {
  width: auto;
  height: auto;
  float: left;
  padding: 0 15px;
  box-sizing: border-box;
}
.header .menu li a {
  display: inline-block;
  font-size: 16px;
  color: #484848;
  font-weight: bold;
  line-height: 33px;
  transition: all 0.5s;
  padding: 30px 0;
  position: relative;
  z-index: 1;
}
.header .menu li a:hover {
  color: #44b041;
}
.header .menu li a::after {
  content: '';
  width: 0%;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  transition: all 0.5s;
}
.header .menu li .Subgrade {
  width: 100%;
  height: 0px;
  position: absolute;
  left: 0;
  background: #fbfbfb;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 26;
  transition: all 0.5s;
}
.header .menu li .Subgrade .Subgradebox {
  padding: 0% 5%;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 0px;
  transition: all 0.8s;
}
.header .menu li .Subgrade .picbox {
  width: 50%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.header .menu li .Subgrade .picbox .pic {
  width: 30%;
  height: auto;
}
.header .menu li .Subgrade .picbox .subcont {
  width: 67%;
  height: auto;
}
.header .menu li .Subgrade .picbox .subcont .title {
  font-size: 1.46vw;
  color: #231f20;
  line-height: 1.5;
  padding-bottom: 5px;
}
.header .menu li .Subgrade .picbox .subcont .txt {
  font-size: 1vw;
  color: #787677;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.header .menu li .Subgrade .SubgradeList {
  width: 50%;
  height: auto;
  padding-left: 5%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.header .menu li .Subgrade .SubgradeList .li {
  width: 50%;
  display: flex;
  align-items: center;
  position: static;
  padding: 0 0 20px;
  line-height: 1;
}
.header .menu li .Subgrade .SubgradeList .li::after {
  display: none;
}
.header .menu li .Subgrade .SubgradeList .li .cntit {
  font-size: 1vw;
  color: #272621;
  line-height: 1.5;
  padding: 0 5px 0 15px;
  position: relative;
  transition: all 0.5s;
}
.header .menu li .Subgrade .SubgradeList .li .cntit::after {
  content: '';
  width: 0.5vw;
  height: 1vw;
  background: linear-gradient(to bottom, #bae9ab, #aedaab);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.5s;
}
.header .menu li .Subgrade .SubgradeList .li .entit {
  font-size: 1vw;
  color: #b2b2b2;
  line-height: 1.5;
  text-transform: uppercase;
  transition: all 0.5s;
  font-weight: lighter;
}
.header .menu li .Subgrade .SubgradeList .li:hover .cntit {
  color: #45b93c;
}
.header .menu li .Subgrade .SubgradeList .li:hover .cntit::after {
  background: linear-gradient(to bottom, #5fd037, #3eac35);
}
.header .menu li .Subgrade .SubgradeList .li:hover .entit {
  color: #45b93c;
}
.header .menu li:hover .Subgrade {
  height: auto;
  z-index: 28;
  box-shadow: inset 0 -1px 0 0 #eee;
}
.header .menu li:hover .Subgrade .Subgradebox {
  height: auto;
  padding: 3% 5%;
}
.header .menu li.now a {
  color: #44b041;
}
.header .menu li.now a::after {
  background: #44b041;
  width: 100%;
}
.header .menu .language {
  width: auto;
  height: auto;
  float: left;
  box-sizing: border-box;
  background: url('/images/dian2.png') no-repeat center left;
  background-size: 1px;
  background-position: 0 77%;
}
.header .menu .language select {
  display: inline-block;
  font-size: 16px;
  background: transparent;
  line-height: 36px;
  padding: 30px 25px 0 25px;
  position: relative;
  z-index: 1;
  color: #6c6c6c;
  background: url('/images/select.png') no-repeat center;
  background-position: 88% 75%;
  transition: all 0.5s;
}
.header .menu .language select:hover {
  color: #45b93c;
}
.header .menu .search-btn a {
  display: inline-block;
  font-size: 16px;
  color: #484848;
  font-weight: bold;
  line-height: 33px;
  padding: 30px 0;
  position: relative;
  z-index: 1;
  width: 32px;
  background: url('/images/header-saerch.png') no-repeat center;
  background-size: 60%;
  transition: all 0.5s;
}
.header .menu .search-btn a:hover {
  filter: invert(49%) sepia(73%) saturate(466%) hue-rotate(70deg) brightness(102%) contrast(82%);
}
.header .menu .search-btn a::after {
  display: none;
}
.header .menu .search-btn .searchbox {
  width: 100%;
  margin: 2.5% 24%;
  position: relative;
  border-bottom: 1px solid #c3c3c3;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
.header .menu .search-btn .searchbox .search-icon {
  width: 5%;
  max-width: 25px;
  margin: 0 2%;
  transition: all 0.5s;
}
.header .menu .search-btn .searchbox .search-icon img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.header .menu .search-btn .searchbox input {
  width: 100%;
  font-size: 24px;
  color: #484848;
  background: #fbfbfb;
  padding: 2% 10% 2% 0;
  transition: all 0.5s;
}
.header .menu .search-btn .searchbox input::-weblit-input-placeholder {
  color: #8b8a8a;
}
.header .menu .search-btn .searchbox button {
  display: block;
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0 2% 0 0;
  background-color: transparent;
  font-size: 24px;
  white-space: nowrap;
  transition: all 0.5s;
  cursor: pointer;
}
.header .menu .search-btn .searchbox:hover {
  border-bottom: 1px solid #44b041;
}
.header .menu .search-btn .searchbox:hover .search-icon {
  filter: invert(49%) sepia(73%) saturate(466%) hue-rotate(70deg) brightness(102%) contrast(82%);
}
.header .menu .search-btn .searchbox:hover button {
  color: #44b041;
}
.header .menu .m-nav-btn {
  display: none;
  font-size: 17px;
  background: transparent;
  line-height: 36px;
  transition: all 0.5s;
  position: relative;
  margin-left: 5%;
  z-index: 1;
}
.header .menu .m-nav-btn a {
  display: block;
  width: 30px;
  height: 30px;
  background: url('/images/m-nav-open.png') no-repeat center;
  background-size: 80%;
}
.header .menu .m-nav-btn.now a {
  background: url('/images/m-nav-close.png') no-repeat center;
  background-size: 80%;
}
.header .menu .m-cn-btn {
  display: none;
  font-size: 19px;
  background: transparent;
  line-height: 36px;
  transition: all 0.5s;
  position: relative;
  z-index: 1;
}
.header .menu .m-cn-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 30px;
  color: #242629;
  white-space: nowrap;
}
.header .menu .m-en-btn {
  display: none;
  font-size: 17px;
  background: transparent;
  line-height: 36px;
  transition: all 0.5s;
  position: relative;
  z-index: 1;
}
.header .menu .m-en-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 30px;
  color: #242629;
  white-space: nowrap;
}
.header:hover .menu li.now a::after {
  background: #44b041;
  width: 100%;
}
.header:hover .menu li:hover a::after {
  background: #44b041;
  width: 100%;
}
.header.over .menu li a {
  padding: 30px 0;
}
.header.over .menu li a.now a::after {
  background: #44b041;
}
.header.over .menu li a:hover a::after {
  background: #44b041;
}
.footer {
  width: 100%;
  height: auto;
  padding: 5%;
  box-sizing: border-box;
  background: url(/images/footer-bg.png) no-repeat right top;
  background-size: 35%;
}
.footer .footerline {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 3%;
}
.footer .footerline .contactbox {
  width: 30%;
  height: auto;
}
.footer .footerline .contactbox .contact-title {
  font-size: 1.45833333vw;
  font-weight: bold;
  color: #45b93c;
  line-height: 1;
}
.footer .footerline .contactbox .contact-content {
  width: 100%;
  height: auto;
  padding: 5% 0;
}
.footer .footerline .contactbox .contact-content .search {
  width: 100%;
  height: auto;
  border-bottom: 2px solid #45b93c;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2% 0;
}
.footer .footerline .contactbox .contact-content .search .search-text {
  width: 80%;
  height: auto;
  font-size: 17px;
  color: #45b93c;
  font-weight: bold;
  background-color: transparent;
}
.footer .footerline .contactbox .contact-content .search .search-text::-webkit-input-placeholder {
  color: #45b93c;
}
.footer .footerline .contactbox .contact-content .search .btn {
  width: 40px;
  height: 33px;
  background: url(/images/footer-search.png) no-repeat center right;
  cursor: pointer;
  background-size: 30px;
}
.footer .footerline .contactbox .contact-content .hotwordbox {
  width: 100%;
  padding: 2% 0;
}
.footer .footerline .contactbox .contact-content .hotwordbox ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.footer .footerline .contactbox .contact-content .hotwordbox li {
  width: auto;
  padding-right: 5%;
}
.footer .footerline .contactbox .contact-content .hotwordbox li a {
  font-size: 16px;
  color: #8fd58a;
  transition: all 0.5s;
}
.footer .footerline .contactbox .contact-content .hotwordbox li a:hover {
  border-bottom: 1px solid #8fd58a;
}
.footer .footerline .contactbox .contact-content .hotline {
  width: 100%;
  height: auto;
  padding-top: 5%;
}
.footer .footerline .contactbox .contact-content .hotline .title {
  font-size: 1.45833333vw;
  color: #45b93c;
  font-weight: bold;
}
.footer .footerline .contactbox .contact-content .hotline ul {
  width: 100%;
  height: auto;
  padding-top: 3%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .footerline .contactbox .contact-content .hotline ul .phone {
  width: auto;
  height: auto;
}
.footer .footerline .contactbox .contact-content .hotline ul .phone .number {
  font-size: 1.5vw;
  color: #45b93c;
  font-weight: bold;
  line-height: 1.1;
  font-family: gilroy_bold, sans-serif;
}
.footer .footerline .contactbox .contact-content .hotline ul .phone .time {
  font-size: 16px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular, sans-serif;
}
.footer .footerline .contactbox .contact-content .hotline ul .social {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
}
.footer .footerline .contactbox .contact-content .hotline ul .social .icon {
  margin-right: 5px;
  position: relative;
}
.footer .footerline .contactbox .contact-content .hotline ul .social .icon:last-child {
  margin-right: 0px;
}
.footer .footerline .contactbox .contact-content .hotline ul .social .icon a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  background: #45b93c;
  transition: all 0.5s;
}
.footer .footerline .contactbox .contact-content .hotline ul .social .icon a:hover {
  background: #a2d755;
}
.footer .footerline .contactbox .contact-content .hotline ul .social .icon a img {
  width: 1.2vw;
}
.footer .footerline .contactbox .contact-content .hotline ul .social .icon .qrcode {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -100%);
  background-color: #45b93c;
  transition: all 0.5s;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
.footer .footerline .contactbox .contact-content .hotline ul .social .icon .qrcode::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  overflow: hidden;
  border-width: 5px;
  border-color: #45b93c transparent transparent transparent;
  border-style: solid dashed dashed dashed;
  left: 50%;
  transform: translate(-50%, 100%);
}
.footer .footerline .contactbox .contact-content .hotline ul .social .icon .qrcode span {
  font-size: 18px;
  margin: 20px 29px;
  min-width: 160px;
  text-align: center;
}
.footer .footerline .contactbox .contact-content .hotline ul .social .icon .qrcode img {
  width: 80px;
  height: 80px;
  margin: 5px;
}
.footer .footerline .linkbox {
  width: 60%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 2vw;
}
.footer .footerline .linkbox .list {
  width: 20%;
  height: auto;
  padding-left: 20%;
}
.footer .footerline .linkbox .list .title {
  font-size: 1.1vw;
  font-weight: bold;
  color: #45b93c;
  line-height: 1.5;
  padding-bottom: 9%;
  white-space: nowrap;
}
.footer .footerline .linkbox .list ul {
  width: auto;
  height: auto;
  text-align: left;
}
.footer .footerline .linkbox .list li a {
  font-size: 0.83333333vw;
  color: #b2b1b1;
  line-height: 1.7;
  position: relative;
  transition: all 0.5s;
  white-space: nowrap;
}
.footer .footerline .linkbox .list li a::before {
  content: '';
  width: 0px;
  height: 2px;
  background: #45b93c;
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  transform: translateY(-50%);
  transition: all 0.5s;
}
.footer .footerline .linkbox .list li a:hover {
  color: #45b93c;
  padding-left: 12px;
}
.footer .footerline .linkbox .list li a:hover::before {
  width: 10px;
  opacity: 1;
}
.footer .copyrightline {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2%;
  border-top: 1px solid #f4f4f4;
}
.footer .copyrightline .copyright,
.footer .copyrightline .beian,
.footer .copyrightline .support {
  font-size: 15px;
  color: #b3b3b3;
  line-height: 1.5;
}
.footer .copyrightline .copyright a,
.footer .copyrightline .beian a,
.footer .copyrightline .support a {
  font-size: 15px;
  color: #b3b3b3;
  line-height: 1.5;
  transition: all 0.5s;
}
.footer .copyrightline .copyright a:hover,
.footer .copyrightline .beian a:hover,
.footer .copyrightline .support a:hover {
  color: #45b93c;
}
.footer .copyrightline .beian {
  margin-left: 1%;
  flex: 1;
}
.m-nav {
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  right: -1000px;
  top: 50px;
  z-index: 999999;
  overflow: auto;
  display: none;
  transition: all 0.5s;
}
.m-nav.now {
  right: 0;
}
.m-nav .mlist {
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  padding: 5%;
}
.m-nav .mlist .menulist {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
  padding: 3% 0 11% 0;
}
.m-nav .mlist .menulist .nav {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e9e6e6;
}
.m-nav .mlist .menulist .nav:last-child {
  border-bottom: none;
}
.m-nav .mlist .menulist .nav .title {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 42px;
  font-weight: bold;
  background: url('/images/m-nav-expand.png') no-repeat right center;
  background-size: 18px;
}
.m-nav .mlist .menulist .nav .title.now {
  background: url('/images/m-nav-collapse.png') no-repeat right center;
  background-size: 18px;
  color: #45b93c;
  border-bottom: 1px solid #fff;
}
.m-nav .mlist .menulist .nav .title a {
  display: block;
  font-size: 16px;
  color: #484848;
  line-height: 46px;
  font-weight: bold;
}
.m-nav .mlist .menulist .nav .title.ts {
  background: none;
}
.m-nav .mlist .menulist .nav.now .title a {
  color: #45b93c;
  font-size: 18px;
}
.m-nav .mlist .menulist .nav.now .title.ts {
  background: none;
}
.m-nav .mlist .menulist .nav.now a {
  color: #45b93c;
  font-size: 18px;
}
.m-nav .mlist .menulist .nav.now.ts {
  background: none;
}
.m-nav .mlist .menulist .nav .list {
  width: 100%;
  height: auto;
  display: none;
  background: rgba(255, 255, 255, 0.3);
}
.m-nav .mlist .menulist .nav .list.now {
  display: block;
}
.m-nav .mlist .menulist .nav .list li {
  width: 100%;
  height: auto;
  margin: auto;
  font-size: 16px;
  line-height: 32px;
  background-size: 4px;
  padding: 0 3%;
  box-sizing: border-box;
  background-color: #e3f6e3;
  border-bottom: 1px solid #fff;
}
.m-nav .mlist .menulist .nav .list li:last-child {
  border: none;
}
.m-nav .mlist .menulist .nav .list li a {
  display: block;
  font-size: 15px;
  color: #45b93c;
  line-height: 37px;
  box-sizing: border-box;
}
.m-nav .mlist .menulist .nav .list li.now {
  color: #45b93c;
}
.m-nav .mlist .menulist .nav .list li.now a {
  font-weight: bold;
  font-size: 15px;
}
.m-menu {
  position: fixed;
  bottom: 0px;
  width: 100%;
  box-shadow: 0 -1px 5px 0 #f5f5f5;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  z-index: 99999;
}
.m-menu > * {
  flex: 1;
}
.m-menu > *.now .icon-text .icon {
  filter: invert(50%) sepia(83%) saturate(386%) hue-rotate(70deg) brightness(98%) contrast(90%);
}
.m-menu > *.now .icon-text .text {
  color: #44b041;
}
.m-menu ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.m-menu .icon-only .icon {
  width: 65%;
}
.m-menu .icon-text {
  padding: 2% 0;
}
.m-menu .icon-text .icon {
  width: 40%;
}
.m-menu .icon-text .text {
  font-size: 0.205rem;
  color: #b3b3b3;
}
.m-popup .mask {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.m-popup .mask .popup {
  width: 100%;
  height: auto;
  border-top: 1px solid #eee;
  position: absolute;
  bottom: -262px;
  left: 0;
  transition: all 0.5s;
  background: #fff;
}
.m-popup .mask .popup .titleline {
  width: 100%;
  height: auto;
  padding: 6px 4%;
  box-sizing: border-box;
  overflow: hidden;
  background: #f8f8f8;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-popup .mask .popup .titleline .title {
  width: 70%;
  height: auto;
  float: left;
  font-size: 16px;
  color: #020213;
  line-height: 42px;
  font-weight: bolder;
}
.m-popup .mask .popup .titleline .close {
  width: 42px;
  height: 42px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMjFjOTIzYy02YmQ1LTIxNDItYWUyZC04MWQ2YzVkNTg5NTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTk3QTIzMjVCQUFCMTFFQTk4QTBDMkY3MzExQkFCRDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTk3QTIzMjRCQUFCMTFFQTk4QTBDMkY3MzExQkFCRDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OWM5NGZlZTMtOWMwYy1kOTQ5LTg5ODItNmQ3MDk5ZmY4NDAyIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjQ5ZWE2M2YtZDk4Yy00YjRiLTk1Y2QtZWQ5NmI4ZDQ1NjM1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dv/aAgAAAM5JREFUeNqM0z0KwkAQhuFlCOoF7LUTRAU9gjYKtuIVrSzTKFZpLLSw9AgWdmoj+A3Mgiz78wVeEgh5yGY2Va8/bZxzbbRED8cfXVTrhaAWmqGT3WCBgz33UWSFbmhIQh4Yowtaiy1hTkIhsEBPsZsMFAX8N3EElARCJAUNcoAeVWTdHjqiEbqiTgqIvck/tNHxGaDnbQzIIfoNdga87bxPTU2IMU5K4xdijPfS+IXZB6V9JMw+KEFCAllI7HdmgBRUK/JFDQmE0Bm9fgIMAHCiVRevuYf9AAAAAElFTkSuQmCC') no-repeat center;
}
.m-popup .mask .popup .content {
  width: 100%;
  height: auto;
  padding: 6%;
  box-sizing: border-box;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-popup .mask .popup .content .qrcode {
  width: 132px;
  height: auto;
  padding: 6px;
  border: 1px solid #eee;
}
.m-popup .mask .popup .content .nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.m-popup .mask .popup .content .nav li:first-child .iconbox .iconbox-icon {
  transform: scale(1.09) translateX(5.25%);
  transform-origin: bottom;
}
.m-popup .mask .popup .content .nav .iconbox {
  text-align: center;
}
.m-popup .mask .popup .content .nav .iconbox .iconbox-icon {
  padding: 0 20%;
}
.m-popup .mask .popup .content .nav .iconbox .iconbox-title {
  margin: 2% 0 0;
  color: #090304;
  font-size: 1.25vw;
  font-weight: bold;
}
.m-popup .mask .popup .content .nav .iconbox .iconbox-desc {
  margin: 2% 0 0;
  color: rgba(9, 3, 4, 0.6);
  font-size: 0.9375vw;
}
.m-tab {
  width: 100%;
  height: 46px;
  text-align: center;
  overflow: hidden;
  display: none;
  background: #fff;
  border-bottom: 1px solid #e9e6e6;
}
.m-tab li {
  line-height: 46px;
  width: auto;
  height: 46px;
  float: left;
  font-size: 15px;
  padding: 0 20px;
  box-sizing: border-box;
  color: #272621;
}
.m-tab li:first-child {
  /*background: none;*/
}
.m-tab li a {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  height: 46px;
  line-height: 46px;
  color: #272621;
  box-sizing: border-box;
  border-bottom: 2px solid transparent;
  transition: all 0.25s;
}
.m-tab li a.cur {
  color: #44b041;
  box-sizing: border-box;
  border-bottom: 2px solid #44b041;
  transition: all 0.25s;
}
.m-tab li a span {
  vertical-align: bottom;
}
.tab {
  width: 100%;
  height: auto;
}
.tab ul {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #e5e7e7;
}
.tab li {
  width: auto;
  height: auto;
  padding: 0 2%;
  box-sizing: border-box;
  position: relative;
}
.tab li::before {
  content: '';
  width: 1px;
  height: 15px;
  background: #e4e7e7;
  position: absolute;
  top: 55%;
  right: 0;
  transform: translateY(-50%);
}
.tab li:last-child::before {
  display: none;
}
.tab li a {
  width: auto;
  height: 65px;
  line-height: 65px;
  /* padding: 5% 0%; */
  display: block;
  white-space: nowrap;
  box-sizing: border-box;
  font-size: 16px;
  color: #272621;
  position: relative;
  transition: all 0.5s;
}
.tab li a::before {
  content: '';
  width: 0;
  height: 3px;
  border-radius: 6px;
  background: #44b041;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  bottom: 0;
  opacity: 0;
  transition: all 0.5s;
}
.tab li a:hover {
  color: #44b041;
}
.tab li a:hover::before {
  width: 100%;
  opacity: 1;
}
.tab li.now a {
  color: #45b93c;
}
.tab li.now a::before {
  width: 100%;
  opacity: 1;
}
.particles-wrapper {
  position: relative;
  overflow: hidden;
}
@keyframes twinkle {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ripples {
  0% {
    box-shadow: 0 0 0 0 rgba(69, 185, 60, 0), 0 0 0 5px rgba(69, 185, 60, 0.3);
  }
  100% {
    box-shadow: 0 0 0 5px rgba(69, 185, 60, 0.3), 0 0 0 10px rgba(69, 185, 60, 0.3);
  }
}
@keyframes maplinemask {
  0% {
    -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
    -webkit-mask-position: 0% 0%;
    -webkit-mask-size: 0% 100%;
  }
  50% {
    -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
    -webkit-mask-position: 0% 0%;
    -webkit-mask-size: 100% 100%;
  }
  100% {
    -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
    -webkit-mask-position: 0% 0%;
    -webkit-mask-size: 100% 100%;
  }
}
@keyframes maplinemaskrev {
  0% {
    -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
    -webkit-mask-position: 100% 100%;
    -webkit-mask-size: 0% 100%;
  }
  50% {
    -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
    -webkit-mask-position: 100% 100%;
    -webkit-mask-size: 100% 100%;
  }
  100% {
    -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
    -webkit-mask-position: 100% 100%;
    -webkit-mask-size: 100% 100%;
  }
}
@keyframes clockwise-rotation {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes counterclockwise-rotation {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-360deg);
  }
}
.fx-twinkle {
  opacity: 0;
  animation: twinkle 5s 1s infinite;
  transition: all 0.3s;
}
@keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.fx-pulse-animation {
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
/* ×ó±ßÐü¸¡ */
.productbar {
  width: 150px;
  height: auto;
  position: fixed;
  top: 50%;
  display: none;
  left: 0;
  transform: translateY(-50%);
  z-index: 999;
}
.productbar li {
  width: 150px;
  height: 130px;
  background: url(/images/productbar.png) no-repeat center;
  background-size: 100%;
}
.productbar li a {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
}
.productbar li a:hover .pic img {
  transform: scale(1.05);
}
.productbar li .pic {
  width: 100%;
  height: auto;
  padding: 21% 26% 5% 26%;
  box-sizing: border-box;
}
.productbar li .pic img {
  height: 77px;
  object-fit: contain;
  transition: all 0.5s;
}
.productbar li .tit {
  width: auto;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  padding: 0 10px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  display: inline-block;
  background: #45b93c;
  position: absolute;
  top: 93%;
  left: 22%;
}
.productbar li .tit::before {
  content: '';
  width: 17px;
  height: 17px;
  background: #45b93c;
  position: absolute;
  transform: rotate(45deg);
  top: 4px;
  left: -9px;
}
.productbar li .tit::after {
  content: '';
  width: 17px;
  height: 17px;
  background: #45b93c;
  position: absolute;
  transform: rotate(45deg);
  top: 4px;
  right: -9px;
}
.contactbar {
  width: 55px;
  height: auto;
  display: none;
  position: fixed;
  top: 40%;
  right: 0;
  z-index: 999;
  border-radius: 10px 0 0 10px;
  /* overflow: hidden; */
}
.contactbar .list {
  width: 100%;
  height: auto;
}
.contactbar .list li {
  width: 100%;
  height: auto;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #fff;
}
.contactbar .list li:last-child {
  border: none;
}
.contactbar .list li .icon {
  width: auto;
  height: auto;
  padding: 15px 0;
  background: #45b93c;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contactbar .list li .icon img {
  width: auto;
  height: auto;
}
.contactbar .list li .contact {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 90px;
  background-color: #45b93c;
  color: #fff;
  opacity: 1;
  transition: all 0.5s;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
.contactbar .list li .contact::after {
  content: '';
  width: 50px;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
  background: url(/images/contactbar-line.png) no-repeat left center;
  filter: invert(50%) sepia(90%) saturate(444%) hue-rotate(68deg) brightness(105%) contrast(74%);
  background-size: 17px;
}
.contactbar .list li .contact span {
  font-size: 18px;
  margin: 20px 29px;
  min-width: 160px;
  text-align: center;
}
.contactbar .list li .contact img {
  width: 80px;
  height: 80px;
  margin: 5px;
}
.contactbar .list li:nth-of-type(1) .icon {
  background: #45b93c;
}
.contactbar .list li:nth-of-type(2) .icon {
  background: #57c04f;
}
.contactbar .list li:nth-of-type(3) .icon {
  background: #6ac763;
}
.contactbar .list li:nth-of-type(4) .icon {
  background: #7cce76;
}
.contactbar .list li:nth-of-type(5) .icon {
  background: #8dd926;
}
.pagebox {
  width: 100%;
  height: auto;
  padding: 5% 10% 6%;
  box-sizing: border-box;
}
.pagebox ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagebox li {
  padding: 2px 0.7vw;
  box-sizing: border-box;
}
.pagebox li a {
  font-size: 1.3vw;
  font-weight: bold;
  line-height: 2;
  padding: 12px 0;
  color: #adadad;
  font-family: barlow_bold;
  box-sizing: border-box;
  transition: all 0.5s;
  position: relative;
}
.pagebox li a:hover {
  color: #44b041;
}
.pagebox li a:hover::before {
  width: 100%;
  display: block;
  transform: translateX(0%);
}
.pagebox li a::before {
  content: '';
  height: 3px;
  width: 0%;
  transform: translateX(50%);
  background-color: #44b041;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}
.pagebox li.now a {
  color: #44b041;
  padding: 12px 0;
  position: relative;
}
.pagebox li.now a::before {
  content: '';
  height: 3px;
  width: 100%;
  transform: translateX(0%);
  background-color: #44b041;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .pagebox {
    padding: 5% 10% 10%;
  }
  .pagebox li {
    padding: 5px;
  }
  .pagebox li a {
    font-size: 20px;
  }
}
.tab-item {
  display: none;
}
.tab-item.now {
  display: block;
}
@media screen and (max-width: 1680px) {
  .header .menu li {
    padding: 0 13px;
  }
  .header .menu li a {
    font-size: 16px;
    padding: 24px 0;
  }
  .header.over .menu li a {
    padding: 24px 0;
  }
  .header .menu .language {
    background-position: 0 75%;
  }
  .header .menu .language select {
    font-size: 16px;
    padding: 24px 22px 0 22px;
    background-position: 88% 70%;
  }
  .header .menu .search-btn {
    padding: 0 24px;
  }
  .header .menu .search-btn a {
    font-size: 16px;
    padding: 24px 0;
    width: 24px;
  }
  .header .menu .search-btn .searchbox input {
    font-size: 18px;
  }
  .header .menu .search-btn .searchbox button {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .header .menu li {
    padding: 0 11px;
  }
  .header .menu li a {
    font-size: 14px;
    padding: 20px 0;
  }
  .header.over .menu li a {
    padding: 20px 0;
  }
  .header .menu .language {
    background-position: 0 70%;
  }
  .header .menu .language select {
    font-size: 14px;
    padding: 18px 18.75px 0 18.75px;
    background-position: 88% 68%;
  }
  .header .menu .search-btn {
    padding: 0 18px;
  }
  .header .menu .search-btn a {
    font-size: 14px;
    padding: 20px 0;
    width: 28px;
  }
  .header .menu .search-btn .searchbox input {
    font-size: 16px;
  }
  .header .menu .search-btn .searchbox button {
    font-size: 18px;
  }
}
@media screen and (max-width: 1366px) {
  .header .menu li {
    padding: 0 10px;
  }
  .header .menu li a {
    font-size: 13px;
    padding: 18px 0;
  }
  .header.over .menu li a {
    padding: 18px 0;
  }
  .header .menu .language select {
    font-size: 13px;
    padding: 16px 17.75px 0 17.75px;
  }
  .header .menu .search-btn {
    padding: 0 16px;
  }
  .header .menu .search-btn a {
    font-size: 13px;
    padding: 18px 0;
    width: 24px;
  }
  .header .menu .search-btn .searchbox input {
    font-size: 14px;
  }
  .header .menu .search-btn .searchbox button {
    font-size: 15px;
  }
}
@media screen and (max-width: 1280px) {
  .header .menu li {
    padding: 0 9px;
  }
  .header .menu li a {
    font-size: 12px;
    padding: 15px 0;
  }
  .header.over .menu li a {
    padding: 15px 0;
  }
  .header .menu .language select {
    font-size: 12px;
    padding: 13px 16.67px 0 16.67px;
  }
  .header .menu .search-btn {
    padding: 0 16px;
  }
  .header .menu .search-btn a {
    font-size: 12px;
    padding: 15px 0;
    width: 24px;
  }
  .header .menu .search-btn .searchbox input {
    font-size: 13px;
  }
  .header .menu .search-btn .searchbox button {
    font-size: 14px;
  }
}
@media screen and (max-width: 1000px) {
  .header {
    height: 50px;
    padding: 0 5% 0 3%;
  }
  .header .logo {
    width: 44%;
  }
  .header .menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .header .menu ul {
    display: none;
  }
  .header .menu .search-btn {
    display: none;
  }
  .header .menu .m-nav-btn {
    display: block;
  }
  .header .menu .m-cn-btn {
    display: none;
  }
  .header .menu .m-en-btn {
    display: block;
  }
  .m-nav {
    display: block;
  }
  .wrapper {
    padding-bottom: 12.7vw;
  }
  .m-menu {
    display: flex;
  }
  .m-menu .icon-text .text {
    font-size: 3.2vw;
  }
  .tab {
    display: none;
  }
  .m-tab {
    display: block;
  }
  .footer {
    background-size: 80%;
    padding: 10% 5% 10% 5%;
  }
  .footer .footerline .contactbox {
    width: 100%;
  }
  .footer .footerline .contactbox .contact-title {
    font-size: 6.4vw;
    text-align: center;
  }
  .footer .footerline .contactbox .contact-content .search .search-text {
    font-size: 4vw;
  }
  .footer .footerline .contactbox .contact-content .search .btn {
    background-size: 25px;
  }
  .footer .footerline .contactbox .contact-content .hotwordbox li a {
    font-size: 3.47vw;
  }
  .footer .footerline .contactbox .contact-content .hotline .title {
    font-size: 4.53vw;
    text-align: center;
    color: #45b93c;
    font-weight: bold;
  }
  .footer .footerline .contactbox .contact-content .hotline ul {
    justify-content: center;
  }
  .footer .footerline .contactbox .contact-content .hotline ul .phone .number {
    text-align: center;
    font-size: 6.4vw;
  }
  .footer .footerline .contactbox .contact-content .hotline ul .phone .time {
    text-align: center;
    font-size: 3.73vw;
  }
  .footer .footerline .contactbox .contact-content .hotline ul .social {
    display: none;
  }
  .footer .footerline .linkbox {
    display: none;
  }
  .footer .copyrightline {
    border-top: 0;
    flex-direction: column;
  }
  .footer .copyrightline .copyright,
  .footer .copyrightline .beian,
  .footer .copyrightline .support {
    font-size: 3.47vw;
  }
  .footer .copyrightline .copyright a,
  .footer .copyrightline .beian a,
  .footer .copyrightline .support a {
    font-size: 3.47vw;
  }
}
.page-index {
  width: 100%;
  height: auto;
  border-bottom: 5px solid #45b93c;
}
@media screen and (max-width: 1000px) {
  .page-index {
    border-bottom: 3px solid #45b93c;
  }
}
.page-index .block-aboutgroup {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
}
.page-index .block-aboutgroup .bgcircle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
}
.page-index .block-aboutgroup .bgcircle .b1,
.page-index .block-aboutgroup .bgcircle .b2,
.page-index .block-aboutgroup .bgcircle .b3,
.page-index .block-aboutgroup .bgcircle .b4,
.page-index .block-aboutgroup .bgcircle .b5,
.page-index .block-aboutgroup .bgcircle .b6,
.page-index .block-aboutgroup .bgcircle .b7,
.page-index .block-aboutgroup .bgcircle .b8,
.page-index .block-aboutgroup .bgcircle .b9,
.page-index .block-aboutgroup .bgcircle .b10,
.page-index .block-aboutgroup .bgcircle .b11,
.page-index .block-aboutgroup .bgcircle .b12 {
  border: 1px solid #efefee;
  border-radius: 50%;
  position: absolute;
}
.page-index .block-aboutgroup .bgcircle .b1 {
  width: 12vw;
  height: 12vw;
  left: -6vw;
  top: -6vw;
  display: none;
}
.page-index .block-aboutgroup .bgcircle .b2 {
  width: 24vw;
  height: 24vw;
  left: -12vw;
  top: -12vw;
  border-style: dashed;
}
.page-index .block-aboutgroup .bgcircle .b3 {
  width: 36vw;
  height: 36vw;
  left: -18vw;
  top: -18vw;
}
.page-index .block-aboutgroup .bgcircle .b4 {
  width: 48vw;
  height: 48vw;
  animation: clockwise-rotation 10s infinite linear;
  border-style: dashed;
  left: -24vw;
  top: -24vw;
}
.page-index .block-aboutgroup .bgcircle .b5 {
  width: 60vw;
  height: 60vw;
  animation: clockwise-rotation 15s infinite linear;
  left: -30vw;
  top: -30vw;
}
.page-index .block-aboutgroup .bgcircle .b6 {
  width: 72vw;
  height: 72vw;
  animation: counterclockwise-rotation 18s infinite linear;
  left: -36vw;
  top: -36vw;
}
.page-index .block-aboutgroup .bgcircle .b7 {
  width: 84vw;
  height: 84vw;
  animation: counterclockwise-rotation 20s infinite linear;
  border-style: dashed;
  left: -42vw;
  top: -42vw;
}
.page-index .block-aboutgroup .bgcircle .b8 {
  width: 96vw;
  height: 96vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -48vw;
  top: -48vw;
}
.page-index .block-aboutgroup .bgcircle .b9 {
  width: 108vw;
  height: 108vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -54vw;
  top: -54vw;
}
.page-index .block-aboutgroup .bgcircle .b10 {
  width: 120vw;
  height: 120vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -60vw;
  top: -60vw;
}
.page-index .block-aboutgroup .bgcircle .b11 {
  width: 132vw;
  height: 132vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -66vw;
  top: -66vw;
}
.page-index .block-aboutgroup .bgcircle .b12 {
  width: 144vw;
  height: 144vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -72vw;
  top: -72vw;
}
.page-index .block-aboutgroup .bgcircle .b4 .dot {
  position: absolute;
  width: 32px;
  height: 32px;
  top: -16px;
  left: 50%;
  border-radius: 50%;
  background: #efefee;
}
.page-index .block-aboutgroup .bgcircle .b5 .dot {
  position: absolute;
  width: 19px;
  height: 19px;
  top: -9.5px;
  border-radius: 50%;
  background: #44b041;
  left: 50%;
}
.page-index .block-aboutgroup .bgcircle .b6 .dot {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #efefee;
  top: -15px;
  left: 50%;
}
.page-index .block-aboutgroup .bgcircle .b8 .dot {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #44b041;
  top: -12.5px;
  left: 50%;
}
.page-index .block-aboutgroup .bgcircle .b11 .dot {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #efefee;
  top: -20px;
  left: 50%;
}
.page-index .block-aboutgroup .tit2 {
  margin-top: 3.75%;
  font-size: 2.5vw;
  font-weight: bold;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutgroup .tit2 {
    font-size: 6.4vw;
  }
}
.page-index .block-aboutgroup .cont {
  color: rgba(9, 3, 4, 0.8);
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutgroup .cont {
    font-size: 3.73333333vw;
  }
}
.page-index .block-aboutgroup .recycle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8vw 0 14vw 0;
  width: 100%;
}
.page-index .block-aboutgroup .recycle span {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutgroup .recycle span {
    font-size: 6.4vw;
  }
}
.page-index .block-aboutgroup .recycle .icon {
  width: 7%;
  margin: 0 1%;
  position: relative;
}
@keyframes picswitch {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes picswitch1 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.page-index .block-aboutgroup .recycle .icon .icon-bg {
  animation: picswitch 4s 0s ease infinite;
  background: url("/images/about-recycle.png") no-repeat center center / cover;
}
.page-index .block-aboutgroup .recycle .icon .icon-bg1 {
  animation: picswitch1 4s 0s ease infinite;
  background: url("/images/about-recycle1.png") no-repeat center center / cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-index .block-aboutgroup .recycle .icon .icon-line1 {
  position: absolute;
  animation: maplinemask 2s infinite linear;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-index .block-aboutgroup .recycle .icon .icon-line2 {
  position: absolute;
  animation: maplinemaskrev 2s infinite linear;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutgroup {
    padding: 7% 0 0;
  }
  .page-index .block-aboutgroup .bgcircle .dot {
    transform: scale(0.5);
  }
  .page-index .block-aboutgroup .cont {
    padding: 0 5%;
  }
  .page-index .block-aboutgroup .recycle {
    margin: 8vw 0 28vw 0;
  }
  .page-index .block-aboutgroup .recycle .icon {
    width: 20%;
  }
}
.page-index .block-abouthistory {
  width: 100%;
  height: auto;
  background-color: #fbfbfb;
  position: relative;
  padding: 5vw 0 7vw;
}
.page-index .block-abouthistory .timeline {
  margin: 5vw 0 0 8.5vw;
}
.page-index .block-abouthistory .timeline .swiper-slide .year {
  font-family: gilroy_bold;
  font-size: 2.1875vw;
  font-weight: bold;
  color: #44b041;
  margin-left: 6%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-abouthistory .timeline .swiper-slide .year {
    font-size: 8vw;
  }
}
.page-index .block-abouthistory .timeline .swiper-slide .line {
  height: 4vw;
  display: flex;
  align-items: center;
  background: url('/images/about-timeline-line.png') space no-repeat center center, url('/images/about-timeline-circle.png') no-repeat 5% center;
  background-size: 5%, 6%;
}
.page-index .block-abouthistory .timeline .swiper-slide .line .circle {
  margin-left: 5%;
  border-radius: 50%;
  display: none;
  width: 1.5vw;
  height: 1.5vw;
  transition: all 0.5s;
  position: relative;
  align-items: center;
  justify-content: center;
}
.page-index .block-abouthistory .timeline .swiper-slide .line .circle::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(68, 176, 65, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.page-index .block-abouthistory .timeline .swiper-slide .line .circle::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(68, 176, 65, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.page-index .block-abouthistory .timeline .swiper-slide ul {
  padding: 0 10% 0 7%;
}
.page-index .block-abouthistory .timeline .swiper-slide li {
  margin: 10% 0;
}
.page-index .block-abouthistory .timeline .swiper-slide li:first-child {
  margin-top: 0;
}
.page-index .block-abouthistory .timeline .swiper-slide .date {
  font-size: 1.14583333vw;
  color: #44b041;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .page-index .block-abouthistory .timeline .swiper-slide .date {
    font-size: 4vw;
  }
}
.page-index .block-abouthistory .timeline .swiper-slide .text {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: rgba(9, 3, 4, 0.8);
}
@media screen and (max-width: 1000px) {
  .page-index .block-abouthistory .timeline .swiper-slide .text {
    font-size: 3.46666667vw;
  }
}
.page-index .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line {
  background-size: 5%, 0%;
}
.page-index .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line .circle {
  display: flex;
}
.page-index .block-abouthistory .timeline .swiper-slide:nth-child(1) .line {
  margin-left: 5%;
}
.page-index .block-abouthistory .timeline .swiper-slide:nth-child(1) .line .circle {
  margin-left: 0;
}
.page-index .block-abouthistory .timeline .swiper-button {
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  width: 4vw;
  height: 4vw;
  right: 6%;
  top: 2.75vw;
  z-index: 1;
  box-shadow: 0 0 20px 5px rgba(68, 176, 65, 0.5);
}
.page-index .block-abouthistory .timeline .swiper-button .swiper-button-prev {
  background-image: url('/images/about-timeline-prev.png');
  background-size: 1vw;
  width: 2vw;
  left: unset;
  right: unset;
}
.page-index .block-abouthistory .timeline .swiper-button .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  background-image: url('/images/about-timeline-prev-disable.png');
}
.page-index .block-abouthistory .timeline .swiper-button .swiper-button-next {
  background-image: url('/images/about-timeline-next.png');
  background-size: 1vw;
  width: 2vw;
  left: 2vw;
  right: unset;
}
.page-index .block-abouthistory .timeline .swiper-button .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  background-image: url('/images/about-timeline-next-disable.png');
}
@media screen and (max-width: 1000px) {
  .page-index .block-abouthistory .timeline {
    margin: 5% 0;
  }
  .page-index .block-abouthistory .timeline .swiper-slide ul {
    padding: 5% 15% 0% 15%;
  }
  .page-index .block-abouthistory .timeline .swiper-slide li {
    margin: 10% 0%;
  }
  .page-index .block-abouthistory .timeline .swiper-slide .line {
    height: 12vw;
    background-size: 2%, 0%;
    justify-content: center;
  }
  .page-index .block-abouthistory .timeline .swiper-slide .line .circle {
    width: 6vw;
    height: 6vw;
    margin-left: 0%;
  }
  .page-index .block-abouthistory .timeline .swiper-slide .year {
    text-align: center;
    margin-left: 0%;
  }
  .page-index .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line {
    background-size: 2%, 0%;
  }
  .page-index .block-abouthistory .timeline .swiper-slide:nth-child(1) .line {
    margin-left: 0%;
  }
  .page-index .block-abouthistory .timeline .swiper-button {
    width: 100%;
    height: 12vw;
    border-radius: unset;
    box-shadow: none;
    background-color: unset;
    top: 9.75vw;
    right: unset;
  }
  .page-index .block-abouthistory .timeline .swiper-button .swiper-button-prev {
    width: 12vw;
    left: 5%;
    background-size: 40%;
  }
  .page-index .block-abouthistory .timeline .swiper-button .swiper-button-next {
    left: unset;
    width: 12vw;
    right: 5%;
    background-size: 40%;
  }
}
.page-index .block-aboutcert {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #e9e9e9;
}
.page-index .block-aboutcert .bg {
  width: 100%;
  z-index: -1;
  display: block;
}
.page-index .block-aboutcert .m-bg {
  width: 100%;
  z-index: -1;
  display: none;
}
.page-index .block-aboutcert .titlebox {
  position: absolute;
  top: 50%;
  left: 12%;
  width: 32%;
  transform: translateY(-50%);
  text-align: center;
}
.page-index .block-aboutcert .titlebox .title {
  font-size: 2.5vw;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutcert .titlebox .title {
    font-size: 6.4vw;
  }
}
.page-index .block-aboutcert .titlebox .title span {
  color: #45b93c;
}
.page-index .block-aboutcert .titlebox .desc {
  margin-top: 4%;
  font-size: 0.9375vw;
  line-height: 2;
  color: rgba(9, 3, 4, 0.8);
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutcert .titlebox .desc {
    font-size: 3.73333333vw;
  }
}
.page-index .block-aboutcert .cert-showcase {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}
.page-index .block-aboutcert .cert {
  cursor: pointer;
}
.page-index .block-aboutcert .cert:hover .desc {
  display: block;
  opacity: 1;
  z-index: 1;
}
.page-index .block-aboutcert .cert .dot {
  position: absolute;
  width: 0.8vw;
  height: 0.8vw;
  border-radius: 50%;
  background-color: #45b93c;
  transform: translate(-50%, -50%);
}
.page-index .block-aboutcert .cert .dot::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(69, 185, 60, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.page-index .block-aboutcert .cert .dot::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(69, 185, 60, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.page-index .block-aboutcert .cert .desc {
  position: absolute;
  top: 0;
  left: -1.4vw;
  transform: translate(-100%, -50%);
  white-space: nowrap;
  line-height: 3;
  color: #fff;
  background: #44b041;
  font-size: 0.83333333vw;
  padding: 0 1.5em;
  border-radius: 1000rem;
  display: none;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutcert .cert .desc {
    font-size: 3.2vw;
  }
}
.page-index .block-aboutcert .cert .desc::before {
  content: '';
  position: absolute;
  height: 0.1vw;
  width: 1vw;
  background: #44b041;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
}
.page-index .block-aboutcert .cert.cert-v1 {
  position: absolute;
  width: 12.5%;
  top: 29%;
  left: 63%;
}
.page-index .block-aboutcert .cert.cert-v2 {
  position: absolute;
  width: 12.5%;
  top: 29%;
  left: 80%;
}
.page-index .block-aboutcert .cert.cert-h1 {
  position: absolute;
  width: 19%;
  top: 60%;
  left: 18%;
}
.page-index .block-aboutcert .cert.cert-h2 {
  position: absolute;
  width: 19%;
  top: 60%;
  left: 40%;
}
.page-index .block-aboutcert .cert.cert-h3 {
  position: absolute;
  width: 19%;
  top: 23%;
  left: 11%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutcert .bg {
    display: none;
  }
  .page-index .block-aboutcert .m-bg {
    display: block;
  }
  .page-index .block-aboutcert .cert-showcase {
    width: 100%;
    height: 74vw;
  }
  .page-index .block-aboutcert .titlebox {
    margin-top: 5%;
    position: unset;
    transform: none;
    width: 100%;
    left: unset;
    top: unset;
    padding: 0 5% 5%;
  }
  .page-index .block-aboutcert .cert.cert-v1 {
    position: absolute;
    width: 15.75%;
    top: 30%;
    left: 60%;
  }
  .page-index .block-aboutcert .cert.cert-v1 .dot,
  .page-index .block-aboutcert .cert.cert-v1 .desc {
    display: none;
  }
  .page-index .block-aboutcert .cert.cert-v2 {
    position: absolute;
    width: 15.75%;
    top: 30%;
    left: 80%;
  }
  .page-index .block-aboutcert .cert.cert-v2 .dot,
  .page-index .block-aboutcert .cert.cert-v2 .desc {
    display: none;
  }
  .page-index .block-aboutcert .cert.cert-h1 {
    position: absolute;
    width: 21%;
    top: 62%;
    left: 16%;
  }
  .page-index .block-aboutcert .cert.cert-h1 .dot,
  .page-index .block-aboutcert .cert.cert-h1 .desc {
    display: none;
  }
  .page-index .block-aboutcert .cert.cert-h2 {
    position: absolute;
    width: 21%;
    top: 62%;
    left: 42%;
  }
  .page-index .block-aboutcert .cert.cert-h2 .dot,
  .page-index .block-aboutcert .cert.cert-h2 .desc {
    display: none;
  }
  .page-index .block-aboutcert .cert.cert-h3 {
    position: absolute;
    width: 21%;
    top: 26%;
    left: 11%;
  }
  .page-index .block-aboutcert .cert.cert-h3 .dot,
  .page-index .block-aboutcert .cert.cert-h3 .desc {
    display: none;
  }
}
.page-index .block-aboutcertlist {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 7.8% 5%;
}
.page-index .block-aboutcertlist .swiper-container {
  padding: 5% 0 5%;
}
.page-index .block-aboutcertlist .certbox {
  width: 100%;
  height: auto;
  position: relative;
}
.page-index .block-aboutcertlist .certbox .cert-bg {
  width: 100%;
  height: auto;
}
.page-index .block-aboutcertlist .certbox .cert-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-index .block-aboutcertlist .certbox .cert {
  transition: all 0.5s;
  width: 50%;
  height: 80%;
}
.page-index .block-aboutcertlist .certbox .cert img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-index .block-aboutcertlist .certbox:hover .cert {
  transform: translateY(-2.5%) scale(1.05);
}
.page-index .block-aboutcertlist .cert-name {
  text-align: center;
  font-size: 0.9375vw;
  margin-top: 5%;
  color: #191415;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutcertlist .cert-name {
    font-size: 3.73333333vw;
  }
}
.page-index .block-aboutcertlist .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-index .block-aboutcertlist .cert-button {
  display: none;
}
.page-index .block-aboutcertlist .swiper-pagination-bullet {
  width: 0.42vw;
  height: 0.42vw;
  margin: 0 0.42vw;
}
.page-index .block-aboutcertlist .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.84vw;
  height: 0.84vw;
  background: #44b041;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutcertlist .swiper-container {
    padding: 5% 0 15%;
  }
  .page-index .block-aboutcertlist .swiper-pagination {
    display: none;
  }
  .page-index .block-aboutcertlist .cert-button {
    display: block;
  }
  .page-index .block-aboutcertlist .swiper-pagination-bullet {
    width: 1.86vw;
    height: 1.86vw;
    margin: 0 1.86vw;
  }
  .page-index .block-aboutcertlist .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 3.73vw;
    height: 3.73vw;
  }
  .page-index .block-aboutcertlist .cert-button-next,
  .page-index .block-aboutcertlist .cert-button-prev {
    position: absolute;
    top: 35%;
    z-index: 10;
    width: 8%;
    max-width: 30px;
  }
  .page-index .block-aboutcertlist .cert-button-next {
    right: 5%;
  }
  .page-index .block-aboutcertlist .cert-button-prev {
    left: 5%;
  }
}
.page-index .block-aboutculture {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-image: url("/images/about-culture-bg.jpg");
  position: relative;
  padding: 7.5% 7.8%;
}
.page-index .block-aboutculture .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .block-aboutculture .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutculture .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page-index .block-aboutculture .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutculture .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page-index .block-aboutculture .tit2 {
  margin-top: 5%;
  width: 100%;
  text-align: center;
  font-size: 3.02083333vw;
  font-weight: bold;
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutculture .tit2 {
    font-size: 7.73333333vw;
  }
}
.page-index .block-aboutculture .culturelist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 5%;
  column-gap: 5.4vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutculture .culturelist {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-index .block-aboutculture .culturelist .culturebox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 7% 0;
  transition: all 0.5s;
}
.page-index .block-aboutculture .culturelist .culturebox.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutculture .culturelist .culturebox {
    flex-direction: row;
  }
  .page-index .block-aboutculture .culturelist .culturebox.flex-rev {
    flex-direction: row-reverse;
  }
}
.page-index .block-aboutculture .culturelist .culturebox .icon {
  width: 12.5%;
}
.page-index .block-aboutculture .culturelist .culturebox .content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.page-index .block-aboutculture .culturelist .culturebox .content.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutculture .culturelist .culturebox .content {
    flex-direction: row;
  }
  .page-index .block-aboutculture .culturelist .culturebox .content.flex-rev {
    flex-direction: row-reverse;
  }
}
.page-index .block-aboutculture .culturelist .culturebox .content .title {
  font-size: 1.5625vw;
  font-weight: bold;
  color: #44b041;
  padding: 0.5vw 0 1.5vw;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutculture .culturelist .culturebox .content .title {
    font-size: 4.8vw;
  }
}
.page-index .block-aboutculture .culturelist .culturebox .content .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 3px;
  background-color: #44b041;
  transform: translate(50%, -1.5px);
}
.page-index .block-aboutculture .culturelist .culturebox .content .txt {
  font-size: 0.9375vw;
  padding: 5% 11% 3%;
  color: #090304;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutculture .culturelist .culturebox .content .txt {
    font-size: 3.73333333vw;
  }
}
.page-index .block-aboutculture .culturelist .culturebox:hover {
  transform: translateY(-5%);
}
.page-index .block-aboutculture .culturelist > *:nth-child(2) .culturebox .content .txt {
  padding: 5% 18% 3%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-aboutculture .culturelist {
    row-gap: 5vw;
  }
  .page-index .block-aboutculture .culturelist > *:nth-child(2) .culturebox .content .txt {
    padding: 0 0 0 5%;
  }
  .page-index .block-aboutculture .culturelist .culturebox {
    padding: 5%;
  }
  .page-index .block-aboutculture .culturelist .culturebox .icon {
    width: 12%;
  }
  .page-index .block-aboutculture .culturelist .culturebox .content {
    width: 85%;
  }
  .page-index .block-aboutculture .culturelist .culturebox .content .title {
    width: 30%;
    white-space: nowrap;
  }
  .page-index .block-aboutculture .culturelist .culturebox .content .title::after {
    display: none;
  }
  .page-index .block-aboutculture .culturelist .culturebox .content .txt {
    text-align: left;
    line-height: 1.5;
    padding: 0 0 0 5%;
  }
}
.page-index .block-productproductlist {
  width: 100%;
  height: auto;
}
.page-index .block-productproductlist ul {
  width: 100%;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-index .block-productproductlist ul.flex-rev {
  flex-direction: column-reverse;
}
.page-index .block-productproductlist li {
  width: 100%;
  height: auto;
  background: #fff;
}
.page-index .block-productproductlist .productbox {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5% 15%;
}
.page-index .block-productproductlist .productbox.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productproductlist .productbox {
    flex-direction: column;
  }
  .page-index .block-productproductlist .productbox.flex-rev {
    flex-direction: column-reverse;
  }
}
.page-index .block-productproductlist .productbox:hover .contbox .title {
  border-bottom: 1px solid #44b041;
}
.page-index .block-productproductlist .productbox:hover .contbox .detail {
  margin-top: 15%;
  opacity: 1;
  z-index: auto;
}
.page-index .block-productproductlist .imgbox {
  width: 35%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  transition: all 0.5s;
  margin: 0 10% 0 0;
}
.page-index .block-productproductlist .imgbox.flex-rev {
  flex-direction: row-reverse;
}
.page-index .block-productproductlist .imgbox .icon {
  width: 100%;
}
.page-index .block-productproductlist .contbox {
  margin: 0 0 0 10%;
  width: 35%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.page-index .block-productproductlist .contbox.flex-rev {
  flex-direction: column-reverse;
}
.page-index .block-productproductlist .contbox .title {
  font-size: 1.5625vw;
  font-weight: bold;
  color: #090304;
  padding: 0 2em 0.625vw 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productproductlist .contbox .title {
    font-size: 5.33333333vw;
  }
}
.page-index .block-productproductlist .contbox .desc {
  margin-top: 5%;
  font-size: 0.9375vw;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(9, 3, 4, 0.6);
}
@media screen and (max-width: 1000px) {
  .page-index .block-productproductlist .contbox .desc {
    font-size: 3.73333333vw;
  }
}
.page-index .block-productproductlist .contbox .detail {
  font-size: 0.9375vw;
  color: #45b93c;
  position: relative;
  transition: all 0.5s;
  opacity: 0;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productproductlist .contbox .detail {
    font-size: 3.73333333vw;
  }
}
.page-index .block-productproductlist .contbox .detail::before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: -6px;
  left: 0;
  height: 3px;
  background: #45b93c;
}
.page-index .block-productproductlist li:nth-of-type(2n) {
  background: #f7f7f7;
}
.page-index .block-productproductlist li:nth-of-type(2n) .productbox {
  flex-direction: row-reverse;
}
.page-index .block-productproductlist li:nth-of-type(2n) .productbox .imgbox {
  margin: 0 0 0 10%;
}
.page-index .block-productproductlist li:nth-of-type(2n) .productbox .contbox {
  margin: 0 10% 0 0;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productproductlist .productbox {
    flex-direction: column;
    margin: 10% 5%;
  }
  .page-index .block-productproductlist li:nth-of-type(2n) .productbox {
    flex-direction: column;
  }
  .page-index .block-productproductlist li:nth-of-type(2n) .productbox .imgbox {
    margin: 0;
  }
  .page-index .block-productproductlist li:nth-of-type(2n) .productbox .contbox {
    margin: 10% 0 0 0;
  }
  .page-index .block-productproductlist .imgbox {
    margin: 0;
    width: 100%;
  }
  .page-index .block-productproductlist .imgbox .icon {
    width: 80%;
  }
  .page-index .block-productproductlist .contbox {
    margin: 10% 0 0 0;
    width: 100%;
    align-items: center;
  }
  .page-index .block-productproductlist .contbox .title {
    padding: 0;
    border-bottom: 0;
    margin-top: 5%;
  }
  .page-index .block-productproductlist .contbox .desc {
    text-align: center;
    margin-top: 5%;
  }
  .page-index .block-productproductlist .contbox .detail {
    text-align: center;
    margin-top: 10%;
    opacity: 1;
    z-index: auto;
  }
}
.page-index .block-mfgbrand {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 6.67vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
}
.page-index .block-mfgbrand .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .block-mfgbrand .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgbrand .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page-index .block-mfgbrand .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgbrand .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page-index .block-mfgbrand .tit2 {
  margin-top: 3%;
  font-size: 2.5vw;
  font-weight: bold;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgbrand .tit2 {
    font-size: 6.4vw;
  }
}
.page-index .block-mfgbrand .cont {
  color: rgba(9, 3, 2, 0.8);
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgbrand .cont {
    font-size: 3.73333333vw;
  }
}
.page-index .block-mfgbrand .brandlist {
  padding: 5% 15% 0;
}
.page-index .block-mfgbrand ul {
  width: 100%;
  height: auto;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.page-index .block-mfgbrand li {
  padding: 10% 0;
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .block-mfgbrand li .headbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-index .block-mfgbrand li .headbox .icon-title {
  width: auto;
  height: auto;
  position: relative;
  z-index: 2;
}
.page-index .block-mfgbrand li .headbox .icon-title .tit {
  font-size: 3.54166667vw;
  font-family: gilroy_bold;
  font-weight: bold;
  color: #44b041;
  line-height: 1.1;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgbrand li .headbox .icon-title .tit {
    font-size: 8vw;
  }
}
.page-index .block-mfgbrand li .headbox .icon-title .tip {
  font-size: 1.04166667vw;
  color: #44b041;
  position: absolute;
  top: 0;
  left: 101%;
  width: auto;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgbrand li .headbox .icon-title .tip {
    font-size: 2vw;
  }
}
.page-index .block-mfgbrand li .txt {
  font-size: 0.9375vw;
  color: #5c595a;
  line-height: 1.5;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgbrand li .txt {
    font-size: 2.93333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgbrand .cont {
    padding: 0 5%;
  }
  .page-index .block-mfgbrand .brandlist {
    padding: 5%;
  }
}
.page-index .block-mfgstrength {
  width: 100%;
  height: auto;
  position: relative;
  padding: 7% 0;
  overflow: hidden;
}
.page-index .block-mfgstrength .titlebox {
  text-align: center;
}
.page-index .block-mfgstrength .titlebox .entit {
  font-family: 'gilroy_light';
  font-size: 1.5625vw;
  text-transform: uppercase;
  color: #44b041;
}
.page-index .block-mfgstrength .titlebox .cntit {
  color: #191415;
  font-size: 2.5vw;
}
.page-index .block-mfgstrength .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgstrength .cont {
    font-size: 4vw;
  }
}
.page-index .block-mfgstrength .grouplist {
  padding: 5%;
}
.page-index .block-mfgstrength ul {
  width: 100%;
  height: auto;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2vw;
  row-gap: 4vw;
  padding: 0 5%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgstrength ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page-index .block-mfgstrength li {
  position: relative;
  cursor: pointer;
}
.page-index .block-mfgstrength li .icon {
  width: 100%;
}
.page-index .block-mfgstrength li .name {
  position: absolute;
  left: 5%;
  width: 90%;
  bottom: 0%;
  line-height: 1.3;
  padding: 3% 20%;
  font-size: 1.04166667vw;
  text-align: center;
  background-color: #fff;
  border-bottom: 3px solid #40a3a7;
  box-shadow: 0 0 2px 0 gray;
  transform: translateY(30%);
  transition: all 0.5s;
  background: url('/images/mfg-group-hover.png') no-repeat right center / 0% #fff;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgstrength li .name {
    font-size: 3.73333333vw;
  }
}
.page-index .block-mfgstrength li:hover .name {
  color: #fff;
}
.page-index .block-mfgstrength li:nth-of-type(4n-3) .name {
  border-bottom: 3px solid #44b041;
}
.page-index .block-mfgstrength li:nth-of-type(4n-3):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #44b041;
}
.page-index .block-mfgstrength li:nth-of-type(4n-2) .name {
  border-bottom: 3px solid #70c4aa;
}
.page-index .block-mfgstrength li:nth-of-type(4n-2):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #70c4aa;
}
.page-index .block-mfgstrength li:nth-of-type(4n-1) .name {
  border-bottom: 3px solid #40a3a7;
}
.page-index .block-mfgstrength li:nth-of-type(4n-1):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #40a3a7;
}
.page-index .block-mfgstrength li:nth-of-type(4n) .name {
  border-bottom: 3px solid #69cf7a;
}
.page-index .block-mfgstrength li:nth-of-type(4n):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #69cf7a;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgstrength ul {
    padding: 0;
    column-gap: 4vw;
    row-gap: 8vw;
  }
  .page-index .block-mfgstrength li .name {
    padding: 2% 10%;
  }
}
.page-index .block-mfgfuture {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  background-color: #f8f8f8;
  overflow: hidden;
}
.page-index .block-mfgfuture .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .block-mfgfuture .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgfuture .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page-index .block-mfgfuture .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgfuture .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page-index .block-mfgfuture .cont {
  margin-top: 2%;
  color: #adadad;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgfuture .cont {
    font-size: 3.73333333vw;
  }
}
.page-index .block-mfgfuture .cooplist {
  position: relative;
  margin: 3% 8% 0;
}
.page-index .block-mfgfuture .cooplist .pic {
  width: 100%;
  height: auto;
}
.page-index .block-mfgfuture .cooplist .swiper-slide-prev,
.page-index .block-mfgfuture .cooplist .swiper-slide-next {
  position: relative;
}
.page-index .block-mfgfuture .cooplist .swiper-slide-prev::before,
.page-index .block-mfgfuture .cooplist .swiper-slide-next::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.page-index .block-mfgfuture .cooplist .coop-button-prev,
.page-index .block-mfgfuture .cooplist .coop-button-next {
  cursor: pointer;
  position: absolute;
  top: 0%;
  width: 30%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-index .block-mfgfuture .cooplist .coop-button-prev .icon,
.page-index .block-mfgfuture .cooplist .coop-button-next .icon {
  width: 20%;
  max-width: 100px;
}
.page-index .block-mfgfuture .cooplist .coop-button-prev .micon,
.page-index .block-mfgfuture .cooplist .coop-button-next .micon {
  width: 50%;
  padding: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
.page-index .block-mfgfuture .cooplist .coop-button-prev {
  left: 0%;
}
.page-index .block-mfgfuture .cooplist .coop-button-next {
  right: 0%;
}
.page-index .block-mfgfuture .swiper-pagination-custom li {
  padding: 2% 30% 8%;
  display: none;
  text-align: center;
  font-size: 1.25vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgfuture .swiper-pagination-custom li {
    font-size: 3.73333333vw;
  }
}
.page-index .block-mfgfuture .swiper-pagination-custom li.now {
  display: block;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mfgfuture .cont {
    padding: 0 5%;
  }
  .page-index .block-mfgfuture .swiper-pagination-custom li {
    line-height: 1.5;
    padding: 3% 10% 8%;
  }
  .page-index .block-mfgfuture .cooplist {
    margin: 3% 0 0;
  }
  .page-index .block-mfgfuture .cooplist .coop-button-prev,
  .page-index .block-mfgfuture .cooplist .coop-button-next {
    width: 20%;
  }
  .page-index .block-mfgfuture .cooplist .coop-button-prev .icon,
  .page-index .block-mfgfuture .cooplist .coop-button-next .icon {
    display: none;
  }
  .page-index .block-mfgfuture .cooplist .coop-button-prev .micon,
  .page-index .block-mfgfuture .cooplist .coop-button-next .micon {
    display: flex;
    flex-direction: row;
  }
  .page-index .block-mfgfuture .cooplist .coop-button-prev .micon.flex-rev,
  .page-index .block-mfgfuture .cooplist .coop-button-next .micon.flex-rev {
    flex-direction: row-reverse;
  }
}
.page-index .block-neenergy {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page-index .block-neenergy .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .block-neenergy .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page-index .block-neenergy .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page-index .block-neenergy .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page-index .block-neenergy .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page-index .block-neenergy .cont {
  color: #3a3536;
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page-index .block-neenergy .cont {
    font-size: 3.73333333vw;
  }
}
.page-index .block-neenergy .energylist {
  position: relative;
  padding: 5% 10% 10%;
}
.page-index .block-neenergy .energylist .particles-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 25%;
}
.page-index .block-neenergy ul {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: start;
}
.page-index .block-neenergy li {
  padding: 6% 0;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: floating 1.5s infinite ease-in-out alternate;
}
@keyframes floating {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
.page-index .block-neenergy li:nth-child(1) {
  margin-top: 12%;
  animation-delay: 0.1s;
}
.page-index .block-neenergy li:nth-child(1) .fx-twinkle {
  animation-duration: 4s;
  animation-delay: 1s;
}
.page-index .block-neenergy li:nth-child(2) {
  margin-top: 30%;
  animation-delay: 0.3s;
}
.page-index .block-neenergy li:nth-child(2) .fx-twinkle {
  animation-duration: 6s;
  animation-delay: 3.5s;
}
.page-index .block-neenergy li:nth-child(3) {
  animation-delay: 0.5s;
}
.page-index .block-neenergy li:nth-child(3) .fx-twinkle {
  animation-duration: 4.5s;
  animation-delay: 3.5s;
}
.page-index .block-neenergy li:nth-child(4) {
  animation-delay: 0.7s;
  margin-top: 12%;
}
.page-index .block-neenergy li:nth-child(4) .fx-twinkle {
  animation-duration: 5s;
  animation-delay: 2.5s;
}
.page-index .block-neenergy li:nth-child(5) {
  animation-delay: 0.6s;
  margin-top: 8%;
}
.page-index .block-neenergy li:nth-child(5) .fx-twinkle {
  animation-duration: 5s;
  animation-delay: 1.5s;
}
.page-index .block-neenergy li:nth-child(6) {
  margin-top: 35%;
  animation-delay: 0.4s;
}
.page-index .block-neenergy li:nth-child(6) .fx-twinkle {
  animation-duration: 7s;
  animation-delay: 2s;
}
.page-index .block-neenergy li:nth-child(7) {
  margin-top: 12%;
  animation-delay: 0.8s;
}
.page-index .block-neenergy li:nth-child(7) .fx-twinkle {
  animation-duration: 6s;
  animation-delay: 2s;
}
.page-index .block-neenergy li .headbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-index .block-neenergy li .headbox .icon-title {
  width: auto;
  height: auto;
  position: relative;
  z-index: 2;
}
.page-index .block-neenergy li .headbox .icon-title .tit {
  font-size: 3.125vw;
  font-weight: bold;
  color: #44b041;
  line-height: 1.1;
  font-family: gilroy_bold;
}
@media screen and (max-width: 1000px) {
  .page-index .block-neenergy li .headbox .icon-title .tit {
    font-size: 6.53333333vw;
  }
}
.page-index .block-neenergy li .headbox .icon-title .tip {
  font-size: 0.83333333vw;
  color: #45b93c;
  position: absolute;
  top: 0;
  left: 101%;
  width: auto;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .page-index .block-neenergy li .headbox .icon-title .tip {
    font-size: 2.66666667vw;
  }
}
.page-index .block-neenergy li .txt {
  font-size: 0.9375vw;
  color: #44b041;
  line-height: 1.5;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page-index .block-neenergy li .txt {
    font-size: 3.46666667vw;
  }
}
.page-index .block-neenergy li .fx {
  width: 0.5%;
  opacity: 0.7;
}
@media screen and (max-width: 1000px) {
  .page-index .block-neenergy ul {
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "a a a b b b c c c d d d" "e e e e f f f f g g g g";
  }
  .page-index .block-neenergy li:nth-child(1) {
    grid-area: a;
    margin-top: 24%;
  }
  .page-index .block-neenergy li:nth-child(2) {
    grid-area: b;
    margin-top: 30%;
  }
  .page-index .block-neenergy li:nth-child(3) {
    grid-area: c;
    margin-top: 0%;
  }
  .page-index .block-neenergy li:nth-child(4) {
    grid-area: d;
    margin-top: 24%;
  }
  .page-index .block-neenergy li:nth-child(5) {
    grid-area: e;
    margin-top: 16%;
  }
  .page-index .block-neenergy li:nth-child(6) {
    grid-area: f;
    margin-top: 40%;
  }
  .page-index .block-neenergy li:nth-child(7) {
    grid-area: g;
    margin-top: 24%;
  }
  .page-index .block-neenergy .cont {
    padding: 0 5%;
  }
  .page-index .block-neenergy .fx {
    display: none;
  }
}
.page-index .block-necompany {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-color: #f7f7f7;
}
.page-index .block-necompany .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .block-necompany .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page-index .block-necompany .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page-index .block-necompany .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page-index .block-necompany .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page-index .block-necompany .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
.page-index .block-necompany .companylist {
  padding: 5%;
}
.page-index .block-necompany ul {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3vw;
  row-gap: 6vw;
  padding: 0 5%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-necompany ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-index .block-necompany li {
  position: relative;
  cursor: pointer;
}
.page-index .block-necompany li:hover .name {
  color: #fff;
}
.page-index .block-necompany li:nth-of-type(3n-2) .name {
  border-bottom: 3px solid #44b041;
}
.page-index .block-necompany li:nth-of-type(3n-2):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #44b041;
  background-size: contain;
}
.page-index .block-necompany li:nth-of-type(3n-1) .name {
  border-bottom: 3px solid #70c4aa;
}
.page-index .block-necompany li:nth-of-type(3n-1):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #70c4aa;
  background-size: contain;
}
.page-index .block-necompany li:nth-of-type(3n) .name {
  border-bottom: 3px solid #40a3a7;
}
.page-index .block-necompany li:nth-of-type(3n):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #40a3a7;
  background-size: contain;
}
.page-index .block-necompany .icon {
  width: 100%;
}
.page-index .block-necompany .name {
  position: absolute;
  min-height: 4.27vw;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 5%;
  width: 90%;
  bottom: 0%;
  line-height: 1.2;
  padding: 2% 16%;
  transition: all 0.5s;
  text-align: center;
  font-size: 1.04166667vw;
  background-color: #fff;
  border-bottom: 3px solid #40a3a7;
  transform: translateY(30%);
  background: url('/images/mfg-group-hover.png') no-repeat right top #fff;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .page-index .block-necompany .name {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .page-index .block-necompany ul {
    row-gap: 15vw;
    padding: 0 5%;
  }
  .page-index .block-necompany .name {
    line-height: 2.5;
    padding: 2% 5%;
  }
}
.page-index .block-neadvantage {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-color: #fff;
}
.page-index .block-neadvantage .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .block-neadvantage .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page-index .block-neadvantage .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page-index .block-neadvantage .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page-index .block-neadvantage .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page-index .block-neadvantage .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
.page-index .block-neadvantage .advangtagelist {
  padding: 5%;
}
.page-index .block-neadvantage ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0 7.8vw;
}
.page-index .block-neadvantage ul:nth-of-type(2n) {
  flex-direction: row-reverse;
  background-color: #ecf7ec;
}
.page-index .block-neadvantage li {
  display: flex;
  margin: 5%;
  width: 40%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.page-index .block-neadvantage .icon {
  width: 100%;
}
.page-index .block-neadvantage .listtitlebox {
  width: 100%;
  height: auto;
  text-align: left;
  position: relative;
  margin-top: 6%;
}
.page-index .block-neadvantage .listtitlebox .entit {
  width: 100%;
  height: auto;
  font-size: 6.25vw;
  font-weight: bold;
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 0.5px rgba(68, 176, 65, 0.3);
  -webkit-text-fill-color: transparent;
  font-family: gilroy_bold;
  line-height: 1;
  position: absolute;
  text-align: left;
  bottom: 0;
  left: -5%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-neadvantage .listtitlebox .entit {
    font-size: 16vw;
  }
}
.page-index .block-neadvantage .listtitlebox .cntit {
  font-size: 2.08333333vw;
  color: #44b041;
  font-weight: bold;
  position: relative;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .page-index .block-neadvantage .listtitlebox .cntit {
    font-size: 5.33333333vw;
  }
}
.page-index .block-neadvantage .listcont {
  font-size: 0.9375vw;
  line-height: 2;
  color: #5c595a;
}
@media screen and (max-width: 1000px) {
  .page-index .block-neadvantage .listcont {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .page-index .block-neadvantage .icon {
    margin-bottom: 10%;
  }
  .page-index .block-neadvantage ul {
    flex-direction: column-reverse;
  }
  .page-index .block-neadvantage ul:nth-of-type(2n) {
    flex-direction: column-reverse;
  }
  .page-index .block-neadvantage li {
    margin: 5%;
    width: 90%;
  }
  .page-index .block-neadvantage .listtitlebox .entit {
    left: 0;
    text-align: center;
  }
  .page-index .block-neadvantage .listtitlebox .cntit {
    text-align: center;
  }
}
.page-index .banner-presentation {
  width: 100%;
  height: auto;
  position: relative;
}
.page-index .banner-presentation #banner {
  display: block;
}
.page-index .banner-presentation #m-banner {
  display: none;
}
.page-index .banner-presentation .swiper-container {
  width: 100%;
  height: auto;
  position: relative;
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.page-index .banner-presentation .swiper-container ul {
  width: 100%;
  height: auto;
}
.page-index .banner-presentation .swiper-container li {
  width: 100%;
  height: auto;
}
.page-index .banner-presentation .swiper-container li .pic {
  width: 100%;
  height: auto;
}
.page-index .banner-presentation .swiper-container .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #fff;
  opacity: 0.5;
  margin: 8px;
}
.page-index .banner-presentation .swiper-container .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.9);
  opacity: 1;
}
.page-index .banner-presentation .swiper-container .swiper-pagination-bullets {
  bottom: 19%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .page-index .banner-presentation .swiper-container .swiper-pagination-bullets {
    bottom: 20px;
  }
}
.page-index .banner-presentation .bannerList {
  width: 85%;
  height: auto;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  bottom: 5%;
  left: 7.5%;
  z-index: 99;
}
.page-index .banner-presentation .bannerList ul {
  display: flex;
}
.page-index .banner-presentation .bannerList li {
  width: 25%;
  height: auto;
  padding: 1.2% 0;
}
.page-index .banner-presentation .bannerList li a {
  width: 100%;
  padding: 0 7%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-right: 1px solid #d2d2d2;
}
.page-index .banner-presentation .bannerList li:last-child a {
  border: none;
}
.page-index .banner-presentation .bannerList li a .titlebox {
  width: 80%;
  height: auto;
}
.page-index .banner-presentation .bannerList li a .titlebox .tit {
  font-size: 1.04166667vw;
  line-height: 1;
  padding-bottom: 4%;
  color: #000;
  transition: all 0.5s;
}
.page-index .banner-presentation .bannerList li a:hover .titlebox .tit {
  color: #45b93c;
}
.page-index .banner-presentation .bannerList li a .titlebox .txt {
  font-size: 0.72916667vw;
  color: #9c9c9c;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 0.5s;
}
.page-index .banner-presentation .bannerList li a .icon {
  width: 15%;
  height: auto;
}
.page-index .banner-presentation .bannerList li a .icon img {
  width: 100%;
  height: auto;
  -webkit-filter: grayscale(1);
  /* Webkit */
  filter: gray;
  /* IE6-9 */
  filter: grayscale(1);
  /* W3C */
  transition: all 0.4s;
}
.page-index .banner-presentation .bannerList li a:hover .icon img {
  filter: unset;
}
@media screen and (max-width: 1000px) {
  .page-index .banner-presentation #banner {
    display: none;
  }
  .page-index .banner-presentation #m-banner {
    display: block;
  }
  .page-index .banner-presentation .bannerList {
    position: relative;
    bottom: unset;
    width: 100%;
    left: 0;
    box-shadow: inset 0 -1px 0 0 #eaeaea;
  }
  .page-index .banner-presentation .bannerList li {
    padding: 2.93vw 0 4vw;
  }
  .page-index .banner-presentation .bannerList li a {
    flex-direction: column-reverse;
    border-right: 0;
  }
  .page-index .banner-presentation .bannerList li a .titlebox {
    width: auto;
    margin-top: 0.5vw;
  }
  .page-index .banner-presentation .bannerList li a .titlebox .tit {
    font-size: 3.73vw;
    font-weight: bold;
  }
  .page-index .banner-presentation .bannerList li a .titlebox .txt {
    display: none;
  }
  .page-index .banner-presentation .bannerList li a .icon {
    width: 42%;
  }
  .page-index .banner-presentation .bannerList li a .icon img {
    filter: unset;
  }
}
.page-index .banner-presentation .banner-wrapper {
  justify-content: space-between;
  padding: 9% 0 14%;
}
.page-index .banner-presentation .cont {
  margin: 1% 0 0;
  padding: 0 30%;
  font-size: 0.83333333vw;
  color: #5b5857;
  line-height: 2;
}
.page-index .banner-presentation .list {
  margin: 1% 0 0;
  width: 100%;
  padding: 0 25%;
}
.page-index .banner-presentation .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.page-index .banner-presentation .list ul .iconbox {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-index .banner-presentation .list ul .iconbox.flex-rev {
  flex-direction: column-reverse;
}
.page-index .banner-presentation .list ul .iconbox .icon {
  width: 30%;
}
.page-index .banner-presentation .list ul .iconbox .title {
  font-size: 1.25vw;
  text-align: center;
  font-weight: bold;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .page-index .banner-presentation .list ul .iconbox .title {
    font-size: 2.66666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .page-index .banner-presentation .banner-wrapper {
    padding: 14% 0 0%;
  }
  .page-index .banner-presentation .cont {
    display: none;
  }
  .page-index .banner-presentation .list {
    padding: 0 10%;
  }
  .page-index .banner-presentation .list ul .iconbox .icon {
    width: 50%;
  }
}
.page-index .block-presentationcase {
  width: 100%;
  height: auto;
  padding: 5% 8.5% 0;
}
.page-index .block-presentationcase ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3vw 3vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-presentationcase ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page-index .block-presentationcase li {
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
}
.page-index .block-presentationcase li .icon {
  width: 100%;
}
.page-index .block-presentationcase li .text {
  position: absolute;
  width: 100%;
  bottom: -30%;
  transition: all 0.5s;
  font-size: 1.14583333vw;
  color: #fff;
  padding: 2.5% 5%;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1000px) {
  .page-index .block-presentationcase li .text {
    font-size: 3.46666667vw;
  }
}
.page-index .block-presentationcase li:hover {
  transform: translateY(-3%);
}
.page-index .block-presentationcase li:hover .text {
  bottom: 0;
}
@media screen and (max-width: 1000px) {
  .page-index .block-presentationcase {
    padding: 5% 5% 0;
  }
  .page-index .block-presentationcase li .text {
    padding: 3% 5%;
    bottom: 0;
  }
}
.page-index .block-infornews {
  width: 100%;
  height: auto;
  padding: 5% 7.8% 0;
}
.page-index .block-infornews ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 4vw;
}
.page-index .block-infornews li {
  transition: all 0.5s;
  border-bottom: 1px solid #f4f4f4;
}
.page-index .block-infornews li a {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}
.page-index .block-infornews li a.flex-rev {
  flex-direction: row-reverse;
}
.page-index .block-infornews li .pic {
  max-width: 20%;
  position: relative;
}
.page-index .block-infornews li .pic.play::before {
  content: '';
  position: absolute;
  width: 3.5vw;
  height: 3.5vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
  background-size: 25%;
  border-radius: 50%;
}
.page-index .block-infornews li .cont {
  width: 100%;
  height: auto;
  padding: 5%;
  box-sizing: border-box;
  flex: 1;
}
.page-index .block-infornews li .cont .titbox {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 1.5vw;
}
.page-index .block-infornews li .cont .tit {
  font-size: 1.14583333vw;
  font-weight: bold;
  color: #090304;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infornews li .cont .tit {
    font-size: 3.73333333vw;
  }
}
.page-index .block-infornews li .cont .txt {
  width: 100%;
  height: auto;
  font-size: 0.72916667vw;
  color: #848181;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0% 0;
  box-sizing: border-box;
}
.page-index .block-infornews li .cont .date {
  width: 100%;
  font-family: gilroy_regular;
  font-size: 1.35416667vw;
  line-height: 1.5;
  color: #adadad;
  display: none;
  margin-top: 3%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infornews li .cont .date {
    font-size: 3.46666667vw;
  }
}
.page-index .block-infornews li .datebox {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: gilroy_regular;
  color: #adadad;
}
.page-index .block-infornews li .datebox .year {
  font-size: 2.08333333vw;
}
.page-index .block-infornews li .datebox .monthday {
  font-size: 1.92708333vw;
}
.page-index .block-infornews li a::after {
  content: '';
  width: 6vw;
  height: 3px;
  background: linear-gradient(to right, #45b93c, #79d12c);
  position: absolute;
  bottom: -1.5px;
  left: 0;
  transition: all 0.5s;
}
.page-index .block-infornews li:hover a {
  color: #45b93c;
}
.page-index .block-infornews li:hover a::after {
  width: 100%;
}
.page-index .block-infornews li:hover .cont .tit {
  color: #45b93c;
}
.page-index .block-infornews li:hover .cont .txt {
  color: #45b93c;
}
.page-index .block-infornews li:hover .datebox {
  color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infornews {
    padding: 0 5% 0;
  }
  .page-index .block-infornews li a {
    box-sizing: border-box;
    padding: 5% 0;
  }
  .page-index .block-infornews li a::after {
    display: none;
  }
  .page-index .block-infornews li .pic {
    max-width: 45%;
  }
  .page-index .block-infornews li .pic.play::before {
    content: '';
    position: absolute;
    width: 10vw;
    height: 10vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
    background-size: 25%;
    border-radius: 50%;
  }
  .page-index .block-infornews li .cont {
    padding: 0 3% 0 0;
  }
  .page-index .block-infornews li .cont .txt {
    display: none;
  }
  .page-index .block-infornews li .cont .date {
    display: block;
  }
  .page-index .block-infornews li .datebox {
    display: none;
  }
}
.page-index .block-infonews {
  width: 100%;
  height: auto;
  padding: 5% 7.8% 0;
}
.page-index .block-infonews ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 6%;
  row-gap: 4vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonews ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-index .block-infonews li {
  /* width: 47%; */
  /* height: 100%; */
  cursor: pointer;
  display: inline-block;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}
.page-index .block-infonews li .pic {
  width: 100%;
  height: auto;
  position: relative;
}
.page-index .block-infonews li .pic.play::before {
  content: '';
  position: absolute;
  width: 3.5vw;
  height: 3.5vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
  background-size: 25%;
  border-radius: 50%;
}
.page-index .block-infonews li .cont {
  width: 100%;
  height: auto;
  padding: 5%;
  box-sizing: border-box;
}
.page-index .block-infonews li .cont .titbox {
  position: relative;
  border-bottom: 1px solid #f4f4f4;
  transition: all 0.5s;
}
.page-index .block-infonews li .cont .titbox::before {
  content: '';
  width: 2vw;
  height: 3px;
  background: linear-gradient(to right, #45b93c, #79d12c);
  position: absolute;
  bottom: -1.5px;
  left: 0;
  transition: all 0.5s;
}
.page-index .block-infonews li .cont .tit {
  font-size: 17px;
  color: #090304;
  line-height: 1.6;
  margin-bottom: 3%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.page-index .block-infonews li .cont .txt {
  width: 100%;
  height: 0;
  opacity: 0;
  font-size: 15px;
  color: #848181;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0% 0;
  box-sizing: border-box;
  transition: all 0.5s;
}
.page-index .block-infonews li .cont .date {
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  color: #adadad;
  background: url(/images/arrow5.png) no-repeat center right;
  background-size: 6px;
  margin-top: 3%;
}
.page-index .block-infonews li:hover .cont .titbox::before {
  width: 100%;
}
.page-index .block-infonews li:hover .cont .tit {
  color: #45b93c;
}
.page-index .block-infonews li:hover .cont .txt {
  height: auto;
  opacity: 1;
  margin: 5% 0;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonews {
    padding: 5% 5% 0;
  }
  .page-index .block-infonews ul {
    column-gap: 0;
    row-gap: 0;
  }
  .page-index .block-infonews li {
    box-shadow: none;
    margin-bottom: 0;
    padding: 5% 0;
  }
  .page-index .block-infonews li:not(:last-child) {
    box-shadow: none;
  }
  .page-index .block-infonews li a {
    display: flex;
  }
  .page-index .block-infonews li .pic {
    width: 70%;
  }
  .page-index .block-infonews li .pic.play::before {
    width: 8vw;
    height: 8vw;
  }
  .page-index .block-infonews li .cont {
    padding: 1.5% 0 1.5% 5%;
  }
  .page-index .block-infonews li .cont .titbox::before {
    width: 0;
  }
  .page-index .block-infonews li .cont .tit {
    font-size: 3.73vw;
  }
}
.page-index .block-infonewsdetails {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.page-index .block-infonewsdetails .detailsbox {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont {
  width: 65%;
  height: auto;
  padding: 5% 3% 5% 12%;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .headbox {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #eee;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
  font-size: 2.29166667vw;
  color: #272621;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
    font-size: 4.26666667vw;
  }
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .headbox .source {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 3% 0 1% 0;
  box-sizing: border-box;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .headbox .source li {
  font-size: 1.04166667vw;
  color: #969694;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonewsdetails .detailsbox .zuoCont .headbox .source li {
    font-size: 3.2vw;
  }
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a {
  font-size: 1.04166667vw;
  color: #969694;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a {
    font-size: 3.2vw;
  }
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a:hover {
  color: #44b041;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .cont {
  width: 100%;
  height: auto;
  padding: 3% 0 5% 0;
  box-sizing: border-box;
  font-size: 1.14583333vw;
  line-height: 2;
  color: #5b5857;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonewsdetails .detailsbox .zuoCont .cont {
    font-size: 3.73333333vw;
  }
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .cont img {
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox {
  padding: 5% 0;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-entitle {
  font-family: gilroy_regular;
  color: #44b041;
  font-size: 0.83333333vw;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-entitle {
    font-size: 2.4vw;
  }
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-title {
  font-weight: bold;
  color: #44b041;
  font-size: 1.45833333vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-title {
    font-size: 4.66666667vw;
  }
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .download li:not(:last-child) {
  margin-bottom: 1em;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
  background-color: #f7f7f7;
  color: #090304;
  padding: 0 6%;
  transition: all 0.5s;
  background-image: url("/images/icon-download1.png"), url("/images/icon-download2.png"), url("/images/icon-download3.png");
  background-repeat: no-repeat;
  background-position: 2% center, 98% center, 97% center;
  background-size: 2%, 1.5%, contain;
  font-size: 0.83333333vw;
  line-height: 3;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .download .download-file:hover {
  background-image: url("/images/icon-download1-hover.png"), url("/images/icon-download2-hover.png"), url("/images/icon-download3.png");
  background-color: #44b041;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
    font-size: 4vw;
  }
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  padding: 5% 0 0;
  box-sizing: border-box;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve,
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next {
  width: 40%;
  height: auto;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit,
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
  font-size: 1.04166667vw;
  color: #adadad;
  line-height: 1.5;
  white-space: nowrap;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit,
  .page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
    font-size: 3.73333333vw;
  }
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt,
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
  font-size: 1.04166667vw;
  color: #5b5857;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt,
  .page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
    font-size: 3.73333333vw;
  }
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a,
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a:hover .tit,
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next a:hover .tit {
  color: #44b041;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a:hover .txt,
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next a:hover .txt {
  color: #44b041;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a {
  justify-content: flex-start;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit {
  border-right: 1px solid #d9d9d9;
  padding-right: 0.5vw;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt {
  padding-left: 0.5vw;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
  justify-content: flex-end;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
  border-left: 1px solid #d9d9d9;
  padding-left: 0.5vw;
}
.page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
  padding-right: 0.5vw;
}
.page-index .block-infonewsdetails .detailsbox .youList {
  width: 35%;
  height: auto;
  background: url("/images/infolist-bg.png") no-repeat right top / contain #fafafa;
  padding: 5% 5% 5% 0%;
}
.page-index .block-infonewsdetails .detailsbox .youList .titlebox {
  padding: 0 5%;
  border-left: 7px solid #44b041;
}
.page-index .block-infonewsdetails .detailsbox .youList .titlebox .entitle {
  font-size: 0.83333333vw;
  color: #44b041;
  font-family: gilroy_regular;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonewsdetails .detailsbox .youList .titlebox .entitle {
    font-size: 2.93333333vw;
  }
}
.page-index .block-infonewsdetails .detailsbox .youList .titlebox .title {
  font-size: 1.45833333vw;
  color: #44b041;
  font-weight: bold;
  box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonewsdetails .detailsbox .youList .titlebox .title {
    font-size: 4.66666667vw;
  }
}
.page-index .block-infonewsdetails .detailsbox .youList .youbox {
  width: 100%;
  height: auto;
  padding: 0 5%;
}
.page-index .block-infonewsdetails .detailsbox .youList .youbox ul {
  width: 100%;
  height: auto;
}
.page-index .block-infonewsdetails .detailsbox .youList .youbox li {
  width: 100%;
}
.page-index .block-infonewsdetails .detailsbox .youList .youbox li a {
  width: 100%;
  height: auto;
  padding: 5% 0;
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  align-items: stretch;
  justify-content: flex-end;
  border-bottom: 1px solid #ebebeb;
}
.page-index .block-infonewsdetails .detailsbox .youList .youbox li a::before {
  content: "";
  position: absolute;
  width: 0%;
  background: #44b041;
  height: 1px;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}
.page-index .block-infonewsdetails .detailsbox .youList .youbox li:last-child a {
  border: none;
}
.page-index .block-infonewsdetails .detailsbox .youList .youbox li .pic {
  max-width: 30%;
  height: auto;
}
.page-index .block-infonewsdetails .detailsbox .youList .youbox li .pic img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.page-index .block-infonewsdetails .detailsbox .youList .youbox li .cont {
  padding: 0 2%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 70%;
}
.page-index .block-infonewsdetails .detailsbox .youList .youbox li .tit {
  font-size: 0.83333333vw;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 4% 0 3% 0;
  box-sizing: border-box;
  transition: all 0.5s;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonewsdetails .detailsbox .youList .youbox li .tit {
    font-size: 3.73333333vw;
  }
}
.page-index .block-infonewsdetails .detailsbox .youList .youbox li:hover .tit {
  color: #44b041;
}
.page-index .block-infonewsdetails .detailsbox .youList .youbox li:hover a::before {
  width: 100%;
}
.page-index .block-infonewsdetails .detailsbox .youList .youbox li .date {
  font-size: 0.83333333vw;
  color: #adadad;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonewsdetails .detailsbox .youList .youbox li .date {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 1000px) {
  .page-index .block-infonewsdetails {
    padding: 5% 5%;
  }
  .page-index .block-infonewsdetails .detailsbox {
    display: block;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont {
    width: 100%;
    height: auto;
    padding: 5% 0;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
    font-size: 5vw;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .headbox .source {
    padding: 2% 0 1% 0;
    justify-content: space-between;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li {
    font-size: 14px;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li span {
    display: none;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li a {
    font-size: 14px;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .cont {
    font-size: 15px;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
    padding: 2% 8%;
    background-size: 4%, 3% ,contain;
    background-position: 3% center, 94% center, 97% center;
    line-height: 1.5;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .newPage {
    flex-direction: column;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve,
  .page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next {
    width: 100%;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a {
    justify-content: flex-start;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit {
    border-right: 1px solid #d9d9d9;
    padding: 0 1vw 0 0;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt {
    padding: 0 0 0 1vw;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
    border-left: 0;
    border-right: 1px solid #d9d9d9;
    padding: 0 1vw 0 0;
  }
  .page-index .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
    padding: 0 0 0 1vw;
  }
  .page-index .block-infonewsdetails .detailsbox .youList {
    width: 100%;
    height: auto;
    padding: 5% 0;
    background: #fff;
  }
  .page-index .block-infonewsdetails .detailsbox .youList .titlebox {
    border-left: none;
    padding: 0;
  }
  .page-index .block-infonewsdetails .detailsbox .youList .titlebox .title {
    padding-bottom: 1%;
  }
  .page-index .block-infonewsdetails .detailsbox .youList .youbox {
    padding: 0;
  }
  .page-index .block-infonewsdetails .detailsbox .youList .youbox li {
    padding: 0;
  }
  .page-index .block-infonewsdetails .detailsbox .youList .youbox li a {
    padding: 3% 0;
    flex-direction: row;
  }
  .page-index .block-infonewsdetails .detailsbox .youList .youbox li .pic {
    width: 100%;
    order: 3;
  }
  .page-index .block-infonewsdetails .detailsbox .youList .youbox li .tit {
    width: 100%;
    height: auto;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    order: 1;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    font-weight: unset;
    margin: 0;
  }
  .page-index .block-infonewsdetails .detailsbox .youList .youbox li .cont {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 2% 0 0;
  }
  .page-index .block-infonewsdetails .detailsbox .youList .youbox li .date {
    display: block;
    top: 2px;
    left: 0;
    font-weight: bold;
    padding-bottom: 5%;
  }
}
.page-index .block-mcglobalmap {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 9;
}
.page-index .block-mcglobalmap .map,
.page-index .block-mcglobalmap .m-map {
  width: 100%;
  height: auto;
}
.page-index .block-mcglobalmap .m-map {
  display: none;
}
.page-index .block-mcglobalmap .global {
  width: 45%;
  height: auto;
  position: absolute;
  left: 10%;
  bottom: 35%;
}
.page-index .block-mcglobalmap .global .tit {
  font-size: 2.5vw;
  font-weight: bold;
  color: #090304;
  padding-bottom: 2%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mcglobalmap .global .tit {
    font-size: 6.4vw;
  }
}
.page-index .block-mcglobalmap .global .tit span {
  color: #45b93c;
}
.page-index .block-mcglobalmap .global .txt {
  width: 100%;
  font-size: 0.9375vw;
  color: #393535;
  padding-right: 25%;
  box-sizing: border-box;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mcglobalmap .global .txt {
    font-size: 3.73333333vw;
  }
}
.page-index .block-mcglobalmap .global .globalbtn {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  padding-top: 5%;
}
.page-index .block-mcglobalmap .global .globalbtn a {
  display: block;
  height: auto;
  padding: 2% 12% 2% 3%;
  box-sizing: border-box;
  border: 1px solid #f4f4f4;
  background: url(/images/mc-global-arrow.png) no-repeat center #ffffff;
  background-size: 3em;
  background-position: 90%;
  transition: all 0.5s;
  margin-right: 5%;
}
.page-index .block-mcglobalmap .global .globalbtn a .btit {
  font-size: 1.09375vw;
  font-weight: bold;
  line-height: 1.5;
  color: #090304;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mcglobalmap .global .globalbtn a .btit {
    font-size: 3.73333333vw;
  }
}
.page-index .block-mcglobalmap .global .globalbtn a .btxt {
  font-size: 0.8vw;
  color: #adadad;
  line-height: 1.5;
  white-space: nowrap;
  transition: all 0.5s;
}
.page-index .block-mcglobalmap .global .globalbtn a:hover {
  background: url(/images/mc-global-arrow-hover.png) no-repeat center #45b93c;
  background-size: 3em;
  background-position: 90%;
}
.page-index .block-mcglobalmap .global .globalbtn a:hover .btit {
  color: #fff;
}
.page-index .block-mcglobalmap .global .globalbtn a:hover .btxt {
  color: #fff;
}
.page-index .block-mcglobalmap .exitroute {
  width: 50%;
  height: 100%;
  position: absolute;
  bottom: 0%;
  right: 0;
  z-index: 9;
}
.page-index .block-mcglobalmap .exitroute .exit .route {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 45.5%;
  right: 48.5%;
  z-index: 99;
}
.page-index .block-mcglobalmap .exitroute .exit .route .dian {
  width: 19px;
  height: 19px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  box-shadow: inset 0 0 0px 3px #45b93c;
}
.page-index .block-mcglobalmap .exitroute .exit .route .dian::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(68, 176, 65, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.page-index .block-mcglobalmap .exitroute .exit .route .dian::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(68, 176, 65, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.page-index .block-mcglobalmap .exitroute .exit .route .site {
  width: auto;
  height: auto;
  position: absolute;
  top: 20%;
  left: 160%;
  white-space: nowrap;
}
.page-index .block-mcglobalmap .exitroute .exit .route .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.page-index .block-mcglobalmap .exitroute .exit .route .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.page-index .block-mcglobalmap .exitroute .exit .route .line-japan,
.page-index .block-mcglobalmap .exitroute .exit .route .line-europe,
.page-index .block-mcglobalmap .exitroute .exit .route .line-middleeast,
.page-index .block-mcglobalmap .exitroute .exit .route .line-malaysia {
  height: auto;
  position: absolute;
  z-index: -1;
  animation: maplinemask 4s linear infinite;
}
.page-index .block-mcglobalmap .exitroute .exit .route .line-japan {
  width: 13vw;
  bottom: 0;
  left: 50%;
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 0% 100%;
}
.page-index .block-mcglobalmap .exitroute .exit .route .line-europe {
  width: 3.4vw;
  bottom: 0;
  right: 4px;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.page-index .block-mcglobalmap .exitroute .exit .route .line-middleeast {
  width: 14vw;
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.page-index .block-mcglobalmap .exitroute .exit .route .line-malaysia {
  width: 3.3vw;
  top: 10%;
  right: 10%;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.page-index .block-mcglobalmap .exitroute .exit .japan {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 64%;
  right: 22.5%;
  z-index: 99;
}
.page-index .block-mcglobalmap .exitroute .exit .japan .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.page-index .block-mcglobalmap .exitroute .exit .japan .site {
  width: auto;
  height: auto;
  position: absolute;
  top: -20%;
  left: 170%;
  white-space: nowrap;
}
.page-index .block-mcglobalmap .exitroute .exit .japan .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.page-index .block-mcglobalmap .exitroute .exit .japan .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.page-index .block-mcglobalmap .exitroute .exit .malaysia {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 18%;
  right: 54.5%;
  z-index: 99;
}
.page-index .block-mcglobalmap .exitroute .exit .malaysia .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.page-index .block-mcglobalmap .exitroute .exit .malaysia .site {
  width: auto;
  height: auto;
  position: absolute;
  top: -20%;
  left: 170%;
  white-space: nowrap;
}
.page-index .block-mcglobalmap .exitroute .exit .malaysia .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.page-index .block-mcglobalmap .exitroute .exit .malaysia .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.page-index .block-mcglobalmap .exitroute .exit .europe {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 94.5%;
  right: 55%;
  z-index: 99;
}
.page-index .block-mcglobalmap .exitroute .exit .europe .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.page-index .block-mcglobalmap .exitroute .exit .europe .site {
  width: auto;
  height: auto;
  position: absolute;
  top: 0%;
  left: 170%;
  white-space: nowrap;
}
.page-index .block-mcglobalmap .exitroute .exit .europe .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.page-index .block-mcglobalmap .exitroute .exit .europe .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.page-index .block-mcglobalmap .exitroute .exit .middleeast {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 48.5%;
  right: 76%;
  z-index: 99;
}
.page-index .block-mcglobalmap .exitroute .exit .middleeast .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.page-index .block-mcglobalmap .exitroute .exit .middleeast .site {
  width: auto;
  height: auto;
  position: absolute;
  text-align: right;
  top: -60%;
  right: 150%;
  white-space: nowrap;
}
.page-index .block-mcglobalmap .exitroute .exit .middleeast .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.page-index .block-mcglobalmap .exitroute .exit .middleeast .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mcglobalmap .map {
    display: none;
  }
  .page-index .block-mcglobalmap .m-map {
    display: block;
  }
  .page-index .block-mcglobalmap .global {
    width: 100%;
    padding: 5%;
    bottom: unset;
    left: 0;
  }
  .page-index .block-mcglobalmap .global .tit,
  .page-index .block-mcglobalmap .global .txt {
    text-align: center;
    padding-right: 0;
  }
  .page-index .block-mcglobalmap .global .globalbtn {
    justify-content: space-between;
  }
  .page-index .block-mcglobalmap .global .globalbtn a {
    width: 47%;
    margin-right: 0;
    padding: 2% 6% 2% 3%;
    background: url(/images/mc-global-arrow-hover.png) no-repeat center #45b93c;
    background-size: 15%;
    background-position: 90%;
  }
  .page-index .block-mcglobalmap .global .globalbtn a .btit {
    line-height: 2;
    color: #fff;
  }
  .page-index .block-mcglobalmap .global .globalbtn a .btxt {
    display: none;
  }
  .page-index .block-mcglobalmap .exitroute {
    width: 100%;
    height: 65%;
    bottom: 0%;
  }
  .page-index .block-mcglobalmap .exitroute .exit .route {
    bottom: 41.5%;
    right: 45.5%;
  }
  .page-index .block-mcglobalmap .exitroute .exit .route .site {
    top: 30%;
  }
  .page-index .block-mcglobalmap .exitroute .exit .route .dian {
    transform: scale(0.75);
  }
  .page-index .block-mcglobalmap .exitroute .exit .route .line-malaysia {
    width: 7.25vw;
    top: 57%;
    right: 34%;
  }
  .page-index .block-mcglobalmap .exitroute .exit .route .line-japan {
    width: 30.5vw;
    bottom: 25%;
    left: 66%;
  }
  .page-index .block-mcglobalmap .exitroute .exit .route .line-middleeast {
    width: 29.5vw;
    bottom: 27%;
    right: 38%;
  }
  .page-index .block-mcglobalmap .exitroute .exit .route .line-europe {
    width: 7.75vw;
    bottom: 34%;
    right: 33%;
  }
  .page-index .block-mcglobalmap .exitroute .exit .japan {
    bottom: 60.5%;
    right: 15%;
  }
  .page-index .block-mcglobalmap .exitroute .exit .japan .site {
    top: 140%;
    left: 0;
  }
  .page-index .block-mcglobalmap .exitroute .exit .japan .dian {
    transform: scale(0.5);
  }
  .page-index .block-mcglobalmap .exitroute .exit .europe {
    bottom: 91%;
    right: 53%;
  }
  .page-index .block-mcglobalmap .exitroute .exit .europe .dian {
    transform: scale(0.5);
  }
  .page-index .block-mcglobalmap .exitroute .exit .middleeast {
    bottom: 45%;
    right: 75%;
  }
  .page-index .block-mcglobalmap .exitroute .exit .middleeast .site {
    top: 54%;
    left: -165%;
    right: unset;
    text-align: left;
  }
  .page-index .block-mcglobalmap .exitroute .exit .middleeast .dian {
    transform: scale(0.5);
  }
  .page-index .block-mcglobalmap .exitroute .exit .malaysia {
    bottom: 13.5%;
    right: 52.5%;
  }
  .page-index .block-mcglobalmap .exitroute .exit .malaysia .dian {
    transform: scale(0.5);
  }
}
.page-index .block-mccoop {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 10% 5% 10%;
  z-index: 10;
}
.page-index .block-mccoop ul {
  padding: 0% 0 6%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2vw 2vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mccoop ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.page-index .block-mccoop li {
  box-shadow: 0 0 15px 2px rgba(68, 176, 65, 0.2);
  transition: all 0.5s;
}
.page-index .block-mccoop li a {
  display: block;
  width: 100%;
}
.page-index .block-mccoop li .icon {
  width: 100%;
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-index .block-mccoop li .icon.flex-rev {
  flex-direction: row-reverse;
}
.page-index .block-mccoop li:hover {
  transform: translateY(-10%);
}
.page-index .block-mccoop .joinus {
  color: #44b041;
  font-size: 1.04166667vw;
  text-align: center;
  padding: 2% 0 2%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mccoop .joinus {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .page-index .block-mccoop {
    padding: 0 5% 5% 5%;
  }
  .page-index .block-mccoop ul {
    padding: 6% 0 6%;
  }
}
.page-index .block-mccontact {
  width: 100%;
  height: auto;
  position: relative;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.page-index .block-mccontact .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 28vw;
}
.page-index .block-mccontact .bg img {
  height: 100%;
  object-fit: cover;
}
.page-index .block-mccontact .titlebox {
  padding-top: 5%;
}
.page-index .block-mccontact .titlebox .title {
  font-size: 2.5vw;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mccontact .titlebox .title {
    font-size: 6.4vw;
  }
}
.page-index .block-mccontact .titlebox .text {
  font-size: 0.9375vw;
  line-height: 2;
  margin-top: 3%;
  padding: 0 25%;
  color: #cccbca;
  text-align: center;
  display: none;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mccontact .titlebox .text {
    font-size: 3.73333333vw;
  }
}
.page-index .block-mccontact .contact-region {
  padding: 3% 30% 0;
}
.page-index .block-mccontact .contact-region ul {
  display: flex;
  align-items: center;
}
.page-index .block-mccontact .contact-region ul > * {
  flex: 1;
}
.page-index .block-mccontact .contact-region li {
  cursor: pointer;
  margin: 0 3%;
  font-size: 1.2vw;
  font-weight: bold;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  line-height: 3;
  transition: all 0.5s;
}
.page-index .block-mccontact .contact-region li:hover,
.page-index .block-mccontact .contact-region li.now {
  background-color: #45b93c;
}
.page-index .block-mccontact .contact-center {
  padding: 5% 10% 5%;
  min-height: 13vw;
}
.page-index .block-mccontact .contact-center ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5vw 5vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mccontact .contact-center ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-index .block-mccontact .contact-center li:hover .picbox .pictext {
  background-color: rgba(68, 176, 65, 0.9);
}
.page-index .block-mccontact .contact-center li:hover .contbox::after {
  left: 0;
  width: 100%;
}
.page-index .block-mccontact .contact-center .picbox {
  position: relative;
}
.page-index .block-mccontact .contact-center .picbox .pic {
  width: 100%;
}
.page-index .block-mccontact .contact-center .picbox .pictext {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 3;
  font-size: 1.2vw;
  padding: 0 10%;
  text-align: center;
  transition: all 0.5s;
}
.page-index .block-mccontact .contact-center .contbox {
  position: relative;
  font-size: 0.9375vw;
  background-color: #fff;
  padding: 5% 1%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mccontact .contact-center .contbox {
    font-size: 3.73333333vw;
  }
}
.page-index .block-mccontact .contact-center .contbox::after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #44b041;
  transition: all 0.5s;
}
.page-index .block-mccontact .contact-center .contbox .conttitle {
  display: none;
  font-weight: bold;
  line-height: 2;
}
.page-index .block-mccontact .contact-center .contbox .contline {
  line-height: 2;
}
.page-index .block-mccontact .contact-center .contbox .contline span {
  font-weight: bold;
}
.page-index .block-mccontact .contact-center .contbox i {
  display: inline-block;
  width: 1.2vw;
  height: 1.2vw;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .page-index .block-mccontact .bg {
    height: 37vw;
  }
  .page-index .block-mccontact .titlebox .text {
    padding: 0 5%;
  }
  .page-index .block-mccontact .contact-region {
    padding: 3% 3% 0;
  }
  .page-index .block-mccontact .contact-region li {
    font-size: 3.73vw;
  }
  .page-index .block-mccontact .contact-center {
    padding: 15% 5% 5%;
  }
  .page-index .block-mccontact .contact-center ul {
    gap: 4vw 0;
  }
  .page-index .block-mccontact .contact-center li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  .page-index .block-mccontact .contact-center li.flex-rev {
    flex-direction: row-reverse;
  }
  .page-index .block-mccontact .contact-center li .picbox {
    width: 33%;
  }
  .page-index .block-mccontact .contact-center li .picbox .pictext {
    display: none;
  }
  .page-index .block-mccontact .contact-center li .contbox {
    width: 67%;
    padding: 0 0 0 2%;
  }
  .page-index .block-mccontact .contact-center li .contbox::after {
    display: none;
  }
  .page-index .block-mccontact .contact-center li .contbox .conttitle {
    display: block;
    line-height: unset;
  }
  .page-index .block-mccontact .contact-center li .contbox .contline {
    line-height: 1.5;
  }
  .page-index .block-mccontact .contact-center li .contbox .contline i {
    display: none;
  }
  .page-index .block-mccontact .contact-center li .contbox i {
    width: 3.7vw;
    height: 3.7vw;
  }
}
.page-index .banner-productdetail {
  width: 100%;
  height: auto;
  position: relative;
}
.page-index .banner-productdetail #banner {
  display: block;
}
.page-index .banner-productdetail #m-banner {
  display: none;
}
.page-index .banner-productdetail .swiper-container {
  width: 100%;
  height: auto;
  position: relative;
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.page-index .banner-productdetail .swiper-container ul {
  width: 100%;
  height: auto;
}
.page-index .banner-productdetail .swiper-container li {
  width: 100%;
  height: auto;
}
.page-index .banner-productdetail .swiper-container li .pic {
  width: 100%;
  height: auto;
}
.page-index .banner-productdetail .swiper-container .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #fff;
  opacity: 0.5;
  margin: 8px;
}
.page-index .banner-productdetail .swiper-container .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.9);
  opacity: 1;
}
.page-index .banner-productdetail .swiper-container .swiper-pagination-bullets {
  bottom: 19%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .page-index .banner-productdetail .swiper-container .swiper-pagination-bullets {
    bottom: 20px;
  }
}
.page-index .banner-productdetail .bannerList {
  width: 85%;
  height: auto;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  bottom: 5%;
  left: 7.5%;
  z-index: 99;
}
.page-index .banner-productdetail .bannerList ul {
  display: flex;
}
.page-index .banner-productdetail .bannerList li {
  width: 25%;
  height: auto;
  padding: 1.2% 0;
}
.page-index .banner-productdetail .bannerList li a {
  width: 100%;
  padding: 0 7%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-right: 1px solid #d2d2d2;
}
.page-index .banner-productdetail .bannerList li:last-child a {
  border: none;
}
.page-index .banner-productdetail .bannerList li a .titlebox {
  width: 80%;
  height: auto;
}
.page-index .banner-productdetail .bannerList li a .titlebox .tit {
  font-size: 1.04166667vw;
  line-height: 1;
  padding-bottom: 4%;
  color: #000;
  transition: all 0.5s;
}
.page-index .banner-productdetail .bannerList li a:hover .titlebox .tit {
  color: #45b93c;
}
.page-index .banner-productdetail .bannerList li a .titlebox .txt {
  font-size: 0.72916667vw;
  color: #9c9c9c;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 0.5s;
}
.page-index .banner-productdetail .bannerList li a .icon {
  width: 15%;
  height: auto;
}
.page-index .banner-productdetail .bannerList li a .icon img {
  width: 100%;
  height: auto;
  -webkit-filter: grayscale(1);
  /* Webkit */
  filter: gray;
  /* IE6-9 */
  filter: grayscale(1);
  /* W3C */
  transition: all 0.4s;
}
.page-index .banner-productdetail .bannerList li a:hover .icon img {
  filter: unset;
}
@media screen and (max-width: 1000px) {
  .page-index .banner-productdetail #banner {
    display: none;
  }
  .page-index .banner-productdetail #m-banner {
    display: block;
  }
  .page-index .banner-productdetail .bannerList {
    position: relative;
    bottom: unset;
    width: 100%;
    left: 0;
    box-shadow: inset 0 -1px 0 0 #eaeaea;
  }
  .page-index .banner-productdetail .bannerList li {
    padding: 2.93vw 0 4vw;
  }
  .page-index .banner-productdetail .bannerList li a {
    flex-direction: column-reverse;
    border-right: 0;
  }
  .page-index .banner-productdetail .bannerList li a .titlebox {
    width: auto;
    margin-top: 0.5vw;
  }
  .page-index .banner-productdetail .bannerList li a .titlebox .tit {
    font-size: 3.73vw;
    font-weight: bold;
  }
  .page-index .banner-productdetail .bannerList li a .titlebox .txt {
    display: none;
  }
  .page-index .banner-productdetail .bannerList li a .icon {
    width: 42%;
  }
  .page-index .banner-productdetail .bannerList li a .icon img {
    filter: unset;
  }
}
.page-index .banner-productdetail .titlebox {
  position: absolute;
  width: 100%;
  top: 15%;
  text-align: center;
}
.page-index .banner-productdetail .titlebox .title {
  display: inline-block;
  position: relative;
  font-size: 1.66666667vw;
  padding-bottom: 1.5%;
  color: #302f2b;
}
@media screen and (max-width: 1000px) {
  .page-index .banner-productdetail .titlebox .title {
    font-size: 4.26666667vw;
  }
}
.page-index .banner-productdetail .titlebox .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 20%;
  left: 50%;
  transform: translate(-50%, -1.5px);
  background-color: #302f2b;
}
.page-index .banner-productdetail .titlebox .title2 {
  margin-top: 2%;
  font-size: 3.02083333vw;
}
@media screen and (max-width: 1000px) {
  .page-index .banner-productdetail .titlebox .title2 {
    font-size: 5.6vw;
  }
}
.page-index .banner-productdetail .titlebox .description {
  margin-top: 2%;
  font-size: 1.25vw;
  padding: 0 30%;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .banner-productdetail .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.page-index .banner-productdetail .titlepic {
  position: absolute;
  width: 60%;
  left: 20%;
  top: 60%;
  text-align: center;
  z-index: 1;
  transition: all 0.5s;
}
.page-index .banner-productdetail .titlepic:hover {
  transform: scale(1.05);
}
@media screen and (max-width: 1000px) {
  .page-index .banner-productdetail .banner-bg {
    height: 75vw;
  }
  .page-index .banner-productdetail .titlebox .title {
    padding-bottom: 3%;
  }
  .page-index .banner-productdetail .titlebox .title::after {
    width: 40%;
  }
  .page-index .banner-productdetail .titlebox .description {
    padding: 0 10%;
  }
  .page-index .banner-productdetail .titlepic {
    width: 70%;
    left: 15%;
    top: 70%;
  }
}
.page-index .block-productdetailmaterial {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  width: 100%;
  height: auto;
  position: relative;
  background-image: url("/images/pd-material-bg.jpg");
  background-position: left top;
}
.page-index .block-productdetailmaterial .titlebox {
  padding: 15% 0 10%;
  left: 0;
  width: 100%;
  text-align: center;
}
.page-index .block-productdetailmaterial .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailmaterial .titlebox .title {
    font-size: 5.6vw;
  }
}
.page-index .block-productdetailmaterial .titlebox .title span {
  font-weight: bold;
}
.page-index .block-productdetailmaterial .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailmaterial .titlebox .description {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailmaterial .titlebox {
    padding: 15% 0 15%;
  }
  .page-index .block-productdetailmaterial .titlebox .title {
    padding: 0%;
  }
  .page-index .block-productdetailmaterial .titlebox .description {
    padding: 2% 5%;
  }
}
.page-index .block-productdetailquality {
  width: 100%;
  height: auto;
  display: none;
}
.page-index .block-productdetailquality .cutNav {
  width: 100%;
  height: auto;
  background: #fff;
}
.page-index .block-productdetailquality .cutNav ul {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-index .block-productdetailquality .cutNav li {
  width: auto;
  height: auto;
  padding: 0 3%;
}
.page-index .block-productdetailquality .cutNav li a {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25% 0;
  position: relative;
  box-sizing: border-box;
}
.page-index .block-productdetailquality .cutNav li a::before {
  content: '';
  width: 0%;
  height: 2px;
  background: #45b93c;
  position: absolute;
  bottom: 0;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
  transition: all 0.5s;
}
.page-index .block-productdetailquality .cutNav li.now a::before {
  width: 100%;
  opacity: 1;
}
.page-index .block-productdetailquality .cutNav li a:hover::before {
  width: 100%;
  opacity: 1;
}
.page-index .block-productdetailquality .cutNav li a .icon {
  width: 3vw;
  height: auto;
}
.page-index .block-productdetailquality .cutNav li a .icon img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: 0.7;
  transition: all 0.5s;
}
.page-index .block-productdetailquality .cutNav li.now a .icon img {
  filter: none;
  opacity: 1;
}
.page-index .block-productdetailquality .cutNav li a:hover .icon img {
  filter: none;
  opacity: 1;
}
.page-index .block-productdetailquality .cutNav li a .tit {
  font-size: 17px;
  line-height: 1;
  padding-top: 5%;
  box-sizing: border-box;
  color: #969495;
  transition: all 0.5s;
  text-align: center;
}
.page-index .block-productdetailquality .cutNav li.now a .tit {
  color: #45b93c;
}
.page-index .block-productdetailquality .cutNav li a:hover .tit {
  color: #45b93c;
}
.page-index .block-productdetailquality .qualitybox {
  width: 100%;
  height: auto;
}
.page-index .block-productdetailquality .qualitybox ul {
  width: 100%;
  height: auto;
}
.page-index .block-productdetailquality .qualitybox li {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  display: none;
  z-index: 9;
}
.page-index .block-productdetailquality .qualitybox li .qualitycont {
  width: 100%;
  padding: 5% 15%;
  height: auto;
  visibility: visible;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-name: fadeInUp;
}
.page-index .block-productdetailquality .qualitybox li.now {
  display: block;
}
.page-index .block-productdetailquality .qualitybox li .textcont {
  width: 100%;
  height: auto;
  padding: 0 10%;
  box-sizing: border-box;
}
.page-index .block-productdetailquality .qualitybox li .textcont .title {
  font-size: 2.5vw;
  color: #090304;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailquality .qualitybox li .textcont .title {
    font-size: 6.4vw;
  }
}
.page-index .block-productdetailquality .qualitybox li .textcont .title span {
  color: #45b93c;
}
.page-index .block-productdetailquality .qualitybox li .textcont .tit1 {
  font-size: 1.5625vw;
  color: #c3c3c3;
  text-align: center;
  line-height: 2;
  padding: 1% 0;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailquality .qualitybox li .textcont .tit1 {
    font-size: 4vw;
  }
}
.page-index .block-productdetailquality .qualitybox li .textcont .txt {
  font-size: 0.9375vw;
  color: #3a3536;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailquality .qualitybox li .textcont .txt {
    font-size: 3.73333333vw;
  }
}
.page-index .block-productdetailquality .qualitybox li .textcont .pic {
  width: 100%;
  height: auto;
  padding-top: 5%;
}
.page-index .block-productdetailquality .qualitybox li .textcont .pic img {
  width: auto;
  margin: auto;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.page-index .block-productdetailquality .qualitybox li .bceffect {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.page-index .block-productdetailquality .qualitybox li .bceffect img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all 0.5s;
}
.page-index .block-productdetailquality .qualitybox li:hover .bceffect img {
  transform: scale(1.1);
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailquality .cutNav li a {
    padding: 8% 0;
  }
  .page-index .block-productdetailquality .cutNav li a .icon {
    width: 9vw;
  }
  .page-index .block-productdetailquality .cutNav li a .tit {
    font-size: 13px;
  }
  .page-index .block-productdetailquality .qualitybox li {
    animation-name: none;
    padding: 5%;
  }
  .page-index .block-productdetailquality .qualitybox li .qualitycont {
    padding: 5% 5%;
  }
  .page-index .block-productdetailquality .qualitybox li .textcont {
    padding: 0;
  }
  .page-index .block-productdetailquality .qualitybox li .textcont .pic {
    padding: 5% 15% 0;
  }
  .page-index .block-productdetailquality .qualitybox li .textcont .tit1 {
    line-height: 1.5;
  }
  .page-index .block-productdetailquality .qualitybox li .bceffect {
    top: 81%;
  }
}
.page-index .block-productdetailcert {
  width: 100%;
  height: auto;
  display: none;
  background: url("/images/pd-cert-bg.jpg") no-repeat left top / cover;
  padding: 7% 0;
}
.page-index .block-productdetailcert .titlebox {
  width: 100%;
  text-align: center;
}
.page-index .block-productdetailcert .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailcert .titlebox .title {
    font-size: 6.4vw;
  }
}
.page-index .block-productdetailcert .titlebox .title span {
  font-weight: bold;
}
.page-index .block-productdetailcert .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailcert .titlebox .description {
    font-size: 3.2vw;
  }
}
.page-index .block-productdetailcert .certlist {
  margin-top: 2%;
  padding: 0 12%;
}
.page-index .block-productdetailcert .certlist ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 3vw;
}
.page-index .block-productdetailcert .certlist ul.flex-rev {
  flex-direction: row-reverse;
}
.page-index .block-productdetailcert .certlist li .icon {
  box-shadow: 0 0 20px 5px #cbcbcb;
  transition: all 0.5s;
  width: 100%;
}
.page-index .block-productdetailcert .certlist li:hover .icon {
  transform: translateY(-10%);
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailcert .titlebox .description {
    padding: 2% 5%;
    line-height: 1.5;
  }
  .page-index .block-productdetailcert .certlist ul {
    flex-wrap: wrap;
  }
  .page-index .block-productdetailcert .certlist li {
    width: 30%;
  }
}
.page-index .block-productdetailstyle {
  width: 100%;
  height: auto;
  display: none;
  background-color: #f8f8f8;
}
.page-index .block-productdetailstyle .titlebox {
  width: 100%;
  text-align: center;
  padding: 6% 0 3%;
}
.page-index .block-productdetailstyle .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailstyle .titlebox .title {
    font-size: 6.4vw;
  }
}
.page-index .block-productdetailstyle .titlebox .title span {
  font-weight: bold;
}
.page-index .block-productdetailstyle .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailstyle .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.page-index .block-productdetailstyle .style-slide {
  position: relative;
  margin: 0% 8% 0;
}
.page-index .block-productdetailstyle .style-slide .pic {
  width: 100%;
  height: auto;
}
.page-index .block-productdetailstyle .style-slide .swiper-slide-prev,
.page-index .block-productdetailstyle .style-slide .swiper-slide-next {
  position: relative;
}
.page-index .block-productdetailstyle .style-slide .swiper-slide-prev::before,
.page-index .block-productdetailstyle .style-slide .swiper-slide-next::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.page-index .block-productdetailstyle .style-slide .style-button-prev,
.page-index .block-productdetailstyle .style-slide .style-button-next {
  position: absolute;
  top: 0%;
  width: 30%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.page-index .block-productdetailstyle .style-slide .style-button-prev .icon,
.page-index .block-productdetailstyle .style-slide .style-button-next .icon {
  width: 20%;
  max-width: 100px;
}
.page-index .block-productdetailstyle .style-slide .style-button-prev .micon,
.page-index .block-productdetailstyle .style-slide .style-button-next .micon {
  width: 50%;
  padding: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
.page-index .block-productdetailstyle .style-slide .style-button-prev {
  left: 0%;
}
.page-index .block-productdetailstyle .style-slide .style-button-next {
  right: 0%;
}
.page-index .block-productdetailstyle .swiper-pagination-custom li {
  padding: 2% 30% 8%;
  display: none;
  text-align: center;
  font-size: 1.25vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailstyle .swiper-pagination-custom li {
    font-size: 3.73333333vw;
  }
}
.page-index .block-productdetailstyle .swiper-pagination-custom li.now {
  display: block;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailstyle .titlebox .description {
    padding: 2% 5%;
    line-height: 1.5;
  }
  .page-index .block-productdetailstyle .style-slide {
    margin: 3% 0 0;
  }
  .page-index .block-productdetailstyle .style-slide .style-button-prev,
  .page-index .block-productdetailstyle .style-slide .style-button-next {
    width: 20%;
  }
  .page-index .block-productdetailstyle .style-slide .style-button-prev .icon,
  .page-index .block-productdetailstyle .style-slide .style-button-next .icon {
    display: none;
  }
  .page-index .block-productdetailstyle .style-slide .style-button-prev .micon,
  .page-index .block-productdetailstyle .style-slide .style-button-next .micon {
    display: flex;
    flex-direction: row;
  }
  .page-index .block-productdetailstyle .style-slide .style-button-prev .micon.flex-rev,
  .page-index .block-productdetailstyle .style-slide .style-button-next .micon.flex-rev {
    flex-direction: row-reverse;
  }
  .page-index .block-productdetailstyle .swiper-pagination-custom li {
    padding: 2% 5% 8%;
  }
}
.page-index .block-productdetailcolor {
  position: relative;
  padding-bottom: 5%;
}
.page-index .block-productdetailcolor .titlebox {
  width: 100%;
  text-align: center;
  background-color: #fff;
  padding: 6% 0 3%;
}
.page-index .block-productdetailcolor .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailcolor .titlebox .title {
    font-size: 5.6vw;
  }
}
.page-index .block-productdetailcolor .titlebox .title span {
  font-weight: bold;
}
.page-index .block-productdetailcolor .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailcolor .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.page-index .block-productdetailcolor .color-slide {
  position: relative;
  margin: 0 12%;
}
.page-index .block-productdetailcolor .color-slide .pic {
  width: 100%;
  height: auto;
  border-radius: 7px;
}
.page-index .block-productdetailcolor .color-slide .pic img {
  border-radius: 4px;
}
.page-index .block-productdetailcolor .color-slide .swiper-pagination-custom {
  height: 4.5vw;
  margin: 0 auto;
  width: 100%;
  max-width: 41vw;
  margin-top: 4%;
  z-index: 10;
}
.page-index .block-productdetailcolor .color-slide .swiper-pagination-custom ul {
  overflow-x: scroll;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.page-index .block-productdetailcolor .color-slide .swiper-pagination-custom ul::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.page-index .block-productdetailcolor .color-slide .swiper-pagination-custom li {
  flex-shrink: 0;
  width: 6vw;
  margin: 0 1%;
  border-radius: 6px;
  padding: 2px;
  border: 2px solid transparent;
}
.page-index .block-productdetailcolor .color-slide .swiper-pagination-custom li.now {
  border: 2px solid #44b041;
}
.page-index .block-productdetailcolor .color-button {
  position: absolute;
  width: 100%;
  display: flex;
  bottom: 14%;
  box-sizing: border-box;
  justify-content: space-between;
}
.page-index .block-productdetailcolor .color-button .color-button-prev,
.page-index .block-productdetailcolor .color-button .color-button-next {
  position: absolute;
  cursor: pointer;
  width: 10%;
  height: 100%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-index .block-productdetailcolor .color-button .color-button-prev .icon,
.page-index .block-productdetailcolor .color-button .color-button-next .icon {
  width: 40%;
}
.page-index .block-productdetailcolor .color-button .color-button-prev {
  left: 12%;
}
.page-index .block-productdetailcolor .color-button .color-button-next {
  right: 12%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-productdetailcolor {
    padding-bottom: 10%;
  }
  .page-index .block-productdetailcolor .titlebox {
    padding: 15% 0 6%;
  }
  .page-index .block-productdetailcolor .titlebox .description {
    padding: 2% 10%;
  }
  .page-index .block-productdetailcolor .color-slide .swiper-pagination-custom {
    max-width: 39vw;
    height: 8vw;
  }
  .page-index .block-productdetailcolor .color-slide .swiper-pagination-custom li {
    width: 12vw;
  }
  .page-index .block-productdetailcolor .color-button {
    bottom: 16vw;
  }
  .page-index .block-productdetailcolor .color-button .color-button-prev .icon,
  .page-index .block-productdetailcolor .color-button .color-button-next .icon {
    width: 60%;
  }
}
.page-index .block-respadvantage {
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page-index .block-respadvantage .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .block-respadvantage .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respadvantage .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page-index .block-respadvantage .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respadvantage .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page-index .block-respadvantage .list {
  margin: 3% 0;
}
.page-index .block-respadvantage .list ul {
  display: flex;
  justify-content: space-between;
  padding: 0 35%;
}
.page-index .block-respadvantage .list li {
  cursor: pointer;
  text-align: center;
  color: #adadad;
}
.page-index .block-respadvantage .list li .num {
  display: inline-block;
  font-family: gilroy_bold;
  font-size: 2.08333333vw;
  padding-bottom: 3%;
  border-bottom: 3px solid #adadad;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respadvantage .list li .num {
    font-size: 5.33333333vw;
  }
}
.page-index .block-respadvantage .list li .txt {
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respadvantage .list li .txt {
    font-size: 4vw;
  }
}
.page-index .block-respadvantage .list li:hover,
.page-index .block-respadvantage .list li.now {
  color: #44b041;
}
.page-index .block-respadvantage .list li:hover .num,
.page-index .block-respadvantage .list li.now .num {
  border-bottom: 3px solid #44b041;
}
.page-index .block-respadvantage .piclist ul {
  margin: 0 8%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.page-index .block-respadvantage .piclist ul.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respadvantage .piclist ul {
    flex-direction: column;
  }
  .page-index .block-respadvantage .piclist ul.flex-rev {
    flex-direction: column-reverse;
  }
}
.page-index .block-respadvantage .piclist li {
  flex: 1;
}
.page-index .block-respadvantage .piclist li .imgbox {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.page-index .block-respadvantage .piclist li .imgbox .imgcont {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #44b041;
  color: #fff;
  transition: all 0.5s;
}
.page-index .block-respadvantage .piclist li .imgbox .contbox {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page-index .block-respadvantage .piclist li .imgbox .contbox .img {
  height: 4vw;
  max-height: 75px;
  width: auto;
  max-width: unset;
}
.page-index .block-respadvantage .piclist li .imgbox .contbox .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-index .block-respadvantage .piclist li .imgbox .contbox .tit {
  position: relative;
  margin-top: 2%;
  font-size: 1.5625vw;
  padding-bottom: 2%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respadvantage .piclist li .imgbox .contbox .tit {
    font-size: 4.66666667vw;
  }
}
.page-index .block-respadvantage .piclist li .imgbox .contbox .tit::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 30%;
  height: 3px;
  background-color: #fff;
  left: 35%;
}
.page-index .block-respadvantage .piclist li .imgbox .contbox .txt {
  margin-top: 2%;
  padding: 0 10%;
  font-size: 0.83333333vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respadvantage .piclist li .imgbox .contbox .txt {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .page-index .block-respadvantage .list {
    margin: 4% 0 1%;
  }
  .page-index .block-respadvantage .list ul {
    padding: 0 10%;
  }
  .page-index .block-respadvantage .piclist ul {
    margin: 0;
  }
  .page-index .block-respadvantage .piclist li {
    padding: 2.5% 5%;
  }
  .page-index .block-respadvantage .piclist li .imgbox {
    min-height: 85vw;
  }
  .page-index .block-respadvantage .piclist li .imgbox .imgcont {
    position: relative;
    box-sizing: border-box;
    padding: 10% 0;
  }
  .page-index .block-respadvantage .piclist li .imgbox .imgcont .img {
    height: 12vw;
  }
  .page-index .block-respadvantage .piclist li .imgbox .contbox .txt {
    padding: 0 5%;
  }
}
.page-index .block-respcharity {
  background-color: #f5fcf6;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page-index .block-respcharity .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .block-respcharity .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respcharity .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page-index .block-respcharity .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respcharity .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page-index .block-respcharity .block-titlebox .block-subtitle {
  margin-top: 2%;
  color: #cacdca;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respcharity .block-titlebox .block-subtitle {
    font-size: 4vw;
  }
}
.page-index .block-respcharity .charitylist {
  width: 100%;
  height: auto;
  margin: auto;
  overflow: hidden;
  padding: 5% 0 5% 12%;
}
.page-index .block-respcharity .charitylist .scrollbox {
  width: 100%;
  height: auto;
  margin: auto;
  overflow-y: hidden;
  box-sizing: border-box;
  padding-bottom: 36px;
  overflow-x: scroll;
  align-items: center;
  display: flex;
}
.page-index .block-respcharity .charitylist .scrollbox::-webkit-scrollbar {
  width: 10px;
  height: 6px;
}
.page-index .block-respcharity .charitylist .scrollbox::-webkit-scrollbar-thumb {
  background-color: #45b93c;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
.page-index .block-respcharity .charitylist .scrollbox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgb(0 0 0%);
  background: #cecdce;
}
.page-index .block-respcharity .charitylist .scrollbox ul {
  display: flex;
}
.page-index .block-respcharity .charitylist .scrollbox ul > * {
  display: block;
  flex-shrink: 0;
}
.page-index .block-respcharity .charitylist .scrollbox li {
  width: 30vw;
  height: auto;
  display: inline-block;
  margin-right: 15px;
  position: relative;
}
.page-index .block-respcharity .charitylist .scrollbox .cont {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 0.72916667vw;
  line-height: 1.5;
  padding: 2% 5%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respcharity .charitylist .scrollbox .cont {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1000px) {
  .page-index .block-respcharity .charitylist .scrollbox li {
    width: 60vw;
  }
}
.page-index .block-respparty {
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page-index .block-respparty .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .block-respparty .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respparty .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page-index .block-respparty .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respparty .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page-index .block-respparty .block-titlebox .block-description {
  padding: 2% 20%;
  font-size: 1.04166667vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respparty .block-titlebox .block-description {
    font-size: 3.73333333vw;
  }
}
.page-index .block-respparty .partylist {
  padding: 2% 7% 5%;
}
.page-index .block-respparty .partylist .imgbox {
  margin: 5%;
  padding-bottom: 10%;
}
.page-index .block-respparty .partylist .imgbox .img {
  position: relative;
  width: 100%;
}
.page-index .block-respparty .partylist .imgbox .img::before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 0;
  width: 100%;
  background-color: #44b041;
  transition: all 0.5s;
}
.page-index .block-respparty .partylist .imgbox .cont .cont-tit {
  margin-top: 3%;
  line-height: 1.5;
  font-size: 1.25vw;
  font-weight: bold;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respparty .partylist .imgbox .cont .cont-tit {
    font-size: 4.53333333vw;
  }
}
.page-index .block-respparty .partylist .imgbox .cont .cont-txt {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: #8f8e8e;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respparty .partylist .imgbox .cont .cont-txt {
    font-size: 3.73333333vw;
  }
}
.page-index .block-respparty .partylist .imgbox .cont .cont-date {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: #8f8e8e;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respparty .partylist .imgbox .cont .cont-date {
    font-size: 3.46666667vw;
  }
}
.page-index .block-respparty .partylist .imgbox:hover .img::before {
  height: 10px;
}
.page-index .block-respparty .partylist .imgbox:hover .cont-tit {
  color: #44b041;
}
.page-index .block-respparty .partylist .imgbox:hover .cont-txt {
  color: #090304;
}
.page-index .block-respparty .partylist .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-index .block-respparty .partylist .swiper-pagination-bullet {
  width: 0.42vw;
  height: 0.42vw;
  margin: 0 0.42vw;
}
.page-index .block-respparty .partylist .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.84vw;
  height: 0.84vw;
  background: #44b041;
}
@media screen and (max-width: 1000px) {
  .page-index .block-respparty .partylist {
    padding: 5%;
  }
  .page-index .block-respparty .partylist .swiper-pagination-bullet {
    width: 1.86vw;
    height: 1.86vw;
    margin: 0 1.86vw;
  }
  .page-index .block-respparty .partylist .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 3.73vw;
    height: 3.73vw;
  }
  .page-index .block-respparty .partylist .imgbox:hover .img::before {
    height: 5px;
  }
  .page-index .block-respparty .partylist .imgbox .cont .cont-txt {
    margin-top: 0;
  }
}
@media screen and (max-width: 1000px) {
  .page-index .block-respparty .block-titlebox .block-description {
    padding: 2% 5%;
  }
}
.page-index .block-talentidea {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background: url('/images/talent-bg1.jpg') no-repeat left bottom;
  background-size: contain;
}
.page-index .block-talentidea .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .block-talentidea .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentidea .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page-index .block-talentidea .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentidea .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page-index .block-talentidea .block-titlebox .block-description {
  margin-top: 1%;
  color: #cacdca;
  font-size: 1.5625vw;
}
.page-index .block-talentidea .list {
  padding: 5% 11% 23%;
  text-align: center;
}
.page-index .block-talentidea .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentidea .list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page-index .block-talentidea .list li {
  color: #090304;
  margin-top: 5%;
  transition: all 0.5s;
}
.page-index .block-talentidea .list li .icon {
  height: 1.14583333vw;
  background: url('/images/icon-quote.png') no-repeat center center / 5%;
  opacity: 0;
  margin-bottom: 2%;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentidea .list li .icon {
    height: 2.93333333vw;
  }
}
.page-index .block-talentidea .list li .tit {
  display: inline-block;
  font-size: 1.66666667vw;
  padding-bottom: 2%;
  border-bottom: 1px solid #b5b4b3;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentidea .list li .tit {
    font-size: 4.66666667vw;
  }
}
.page-index .block-talentidea .list li .txt {
  padding-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentidea .list li .txt {
    font-size: 3.46666667vw;
  }
}
.page-index .block-talentidea .list li:hover {
  color: #44b041;
}
.page-index .block-talentidea .list li:hover .icon {
  opacity: 1;
}
.page-index .block-talentidea .list li:hover .tit {
  border-bottom-color: #44b041;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentidea .list {
    padding: 5% 4% 23%;
  }
}
.page-index .block-talentenviroment {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page-index .block-talentenviroment .block-titlebox .block-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentenviroment .block-titlebox .block-description {
    font-size: 4vw;
  }
}
.page-index .block-talentenviroment .list {
  margin: 5% 8%;
  display: flex;
}
.page-index .block-talentenviroment .list ul {
  flex: 1;
}
.page-index .block-talentenviroment .list.grid1x2 ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.page-index .block-talentenviroment .list.grid2x2 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.page-index .block-talentenviroment .list.grid4x2 ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentenviroment .list.grid4x2 {
    flex-direction: column;
  }
  .page-index .block-talentenviroment .list.grid4x2 ul:nth-child(2) {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}
.page-index .block-talentenviroment .list.grid3x3 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.page-index .block-talentenviroment .list.grid4x4 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentenviroment .list.grid4x4 ul:nth-child(2) {
    flex-direction: column;
  }
  .page-index .block-talentenviroment .list.grid4x4 ul:nth-child(2) ul:nth-child(2) {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 1fr);
  }
}
.page-index .block-talentenviroment .list ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.page-index .block-talentenviroment .list .pictext {
  color: #fff;
  text-align: center;
}
.page-index .block-talentenviroment .list .pictext .cntitle {
  font-size: 1.45833333vw;
  font-weight: bold;
}
.page-index .block-talentenviroment .list .pictext .entitle {
  font-size: 1.25vw;
}
.page-index .block-talentenviroment .list ul:nth-child(2) .pictext .cntitle {
  font-size: 1.45833333vw;
}
.page-index .block-talentenviroment .list ul:nth-child(2) .pictext .entitle {
  font-size: 1.25vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentenviroment .list {
    margin: 5% 0 0;
  }
}
.page-index .block-talentgift {
  width: 100%;
  height: auto;
  position: relative;
  padding: 5% 0 0;
  overflow: hidden;
  background-image: url('/images/talent-bg2.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.page-index .block-talentgift .block-titlebox .block-title {
  color: #fff;
}
.page-index .block-talentgift .block-titlebox .block-subtitle {
  color: #fff;
  font-size: 1.5625vw;
  margin-top: 0%;
  opacity: 0.7;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentgift .block-titlebox .block-subtitle {
    font-size: 4.93333333vw;
  }
}
.page-index .block-talentgift .giftlist {
  margin: 5% 12% 6%;
  box-shadow: 0 0 10px 2px #adadad;
}
.page-index .block-talentgift .giftlist ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentgift .giftlist ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-index .block-talentgift .giftlist .giftbox {
  padding: 10%;
  display: flex;
  flex-direction: column;
  color: #44b041;
  background-color: #fff;
  align-items: center;
  text-align: center;
}
.page-index .block-talentgift .giftlist .giftbox.flex-rev {
  flex-direction: column-reverse;
}
.page-index .block-talentgift .giftlist .giftbox .imgbox .img {
  width: 40%;
  max-width: 40px;
  display: inline-flex;
}
.page-index .block-talentgift .giftlist .giftbox .imgbox .entitle {
  font-family: gilroy_regular;
  font-size: 0.83333333vw;
  text-transform: uppercase;
  padding: 20% 0 0;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentgift .giftlist .giftbox .imgbox .entitle {
    display: none;
  }
}
.page-index .block-talentgift .giftlist .giftbox .imgbox .title {
  font-size: 1.35416667vw;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentgift .giftlist .giftbox .imgbox .title {
    font-size: 4.66666667vw;
  }
}
.page-index .block-talentgift .giftlist .giftbox .descbox {
  padding: 4% 10% 0;
  font-size: 0.9375vw;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentgift .giftlist .giftbox .descbox {
    font-size: 3.46666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentgift .block-titlebox .block-subtitle {
    margin-top: 0%;
  }
  .page-index .block-talentgift .giftlist {
    box-shadow: none;
  }
  .page-index .block-talentgift .giftlist li {
    margin: 5% 0;
    box-shadow: 0 0 5px 2px #dddddd;
  }
  .page-index .block-talentgift .giftlist .giftbox .descbox {
    padding: 0% 5%;
  }
}
.page-index .block-talentworking {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page-index .block-talentworking .block-titlebox .block-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentworking .block-titlebox .block-description {
    font-size: 4vw;
  }
}
.page-index .block-talentworking .list .pictextwrapper {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  padding: 7% 7%;
}
.page-index .block-talentworking .list .pictextwrapper .pictextbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-index .block-talentworking .list .pictextwrapper .pictextbox {
  width: 60%;
  height: auto;
  position: relative;
  z-index: 1;
}
.page-index .block-talentworking .list .pictextwrapper .pictextbox .picbox {
  width: 80%;
  height: auto;
  transform: translate(66%, 0%);
  overflow: hidden;
}
.page-index .block-talentworking .list .pictextwrapper .pictextbox .textbox {
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  padding: 5% 40% 5% 9%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.page-index .block-talentworking .list .pictextwrapper.textbox-left {
  justify-content: flex-start;
}
.page-index .block-talentworking .list .pictextwrapper.textbox-left .pictextbox {
  left: 5%;
}
.page-index .block-talentworking .list .pictextwrapper.textbox-left .pictextbox .textbox {
  padding: 5% 40% 5% 9%;
}
.page-index .block-talentworking .list .pictextwrapper.textbox-left .pictextbox .picbox {
  transform: translate(86%, 0);
}
.page-index .block-talentworking .list .pictextwrapper.textbox-left.picbox-up .pictextbox .picbox {
  transform: translate(86%, -10%);
}
.page-index .block-talentworking .list .pictextwrapper.textbox-left.picbox-down .pictextbox .picbox {
  transform: translate(86%, 10%);
}
.page-index .block-talentworking .list .pictextwrapper.textbox-right {
  justify-content: flex-end;
}
.page-index .block-talentworking .list .pictextwrapper.textbox-right .pictextbox {
  right: 5%;
}
.page-index .block-talentworking .list .pictextwrapper.textbox-right .pictextbox .textbox {
  padding: 5% 9% 5% 40%;
}
.page-index .block-talentworking .list .pictextwrapper.textbox-right .pictextbox .picbox {
  transform: translate(-66%, 0);
}
.page-index .block-talentworking .list .pictextwrapper.textbox-right.picbox-up .pictextbox .picbox {
  transform: translate(-66%, -10%);
}
.page-index .block-talentworking .list .pictextwrapper.textbox-right.picbox-down .pictextbox .picbox {
  transform: translate(-66%, 10%);
}
.page-index .block-talentworking .list .pictextwrapper .sub-titlebox {
  align-self: flex-start;
  text-align: left;
}
.page-index .block-talentworking .list .pictextwrapper .sub-titlebox .sub-entitle {
  font-family: gilroy_bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #44b041;
  font-size: 0.9375vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentworking .list .pictextwrapper .sub-titlebox .sub-entitle {
    font-size: 3.2vw;
  }
}
.page-index .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
  color: #090304;
  font-size: 1.875vw;
  position: relative;
  padding-bottom: 0.5em;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    color: #44b041;
  }
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    font-size: 4.8vw;
  }
}
.page-index .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 50%;
  height: 0.2vw;
  bottom: 0;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
  transition: all 0.5s;
}
.page-index .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title:hover::after {
  width: 100%;
  height: 0.2vw;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
}
.page-index .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span {
  color: #44b041;
}
.page-index .block-talentworking .list .pictextwrapper .sub-contentbox {
  font-size: 1.25vw;
  color: #5b5857;
  margin-top: 10%;
  align-self: flex-start;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentworking .list .pictextwrapper .sub-contentbox {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 1000px) {
  .page-index .block-talentworking .list .pictextwrapper {
    padding: 0;
    margin: 5% 0;
  }
  .page-index .block-talentworking .list .pictextwrapper .pictextbox {
    left: unset !important;
    right: unset !important;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }
  .page-index .block-talentworking .list .pictextwrapper .pictextbox .picbox {
    transform: none !important;
    padding: 0 5% 5%;
    width: 100%;
    background: linear-gradient(#f9f9f9, #fff);
  }
  .page-index .block-talentworking .list .pictextwrapper .pictextbox .textbox {
    position: static;
    padding: 8% 5% 5% 5% !important;
  }
  .page-index .block-talentworking .list .pictextwrapper .sub-titlebox {
    align-self: center;
    text-align: center;
  }
  .page-index .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    position: relative;
    padding-bottom: 0.5em;
    display: inline-block;
  }
  .page-index .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title::after {
    position: absolute;
    content: "";
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .page-index .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title:hover::after {
    width: 50%;
    height: 1px;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
  }
  .page-index .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span {
    position: relative;
    padding-bottom: 2%;
    display: inline-block;
  }
  .page-index .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    bottom: 0;
    left: 50%;
    background-color: #fff;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .page-index .block-talentworking .list .pictextwrapper .sub-contentbox {
    margin-top: 5%;
    align-self: center;
  }
}
.page-index .block-jobnotice {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fafafa;
}
.page-index .block-jobnotice.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .page-index .block-jobnotice {
    flex-direction: column;
  }
  .page-index .block-jobnotice.flex-rev {
    flex-direction: column-reverse;
  }
}
.page-index .block-jobnotice .noticebox {
  flex: 3;
  padding: 5% 12%;
}
.page-index .block-jobnotice .noticebox .sub-titlebox {
  font-size: 1.875vw;
  font-weight: bold;
  position: relative;
  padding-bottom: 2%;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .page-index .block-jobnotice .noticebox .sub-titlebox {
    font-size: 4.8vw;
  }
}
.page-index .block-jobnotice .noticebox .sub-titlebox::after {
  position: absolute;
  content: "";
  width: 50%;
  height: 0.15vw;
  bottom: 0;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
  transition: all 0.5s;
}
.page-index .block-jobnotice .noticebox .sub-titlebox:hover::after {
  width: 100%;
  height: 0.15vw;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
}
.page-index .block-jobnotice .noticebox .sub-descbox {
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-jobnotice .noticebox .sub-descbox {
    font-size: 3.73333333vw;
  }
}
.page-index .block-jobnotice .noticebox .sub-descbox span {
  color: #44b041;
}
.page-index .block-jobnotice .img {
  flex: 2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-jobnotice .noticebox {
    padding: 10% 12% 5% 12%;
  }
  .page-index .block-jobnotice .noticebox .sub-titlebox {
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 3%;
    display: inline-block;
  }
  .page-index .block-jobnotice .noticebox .sub-titlebox::after {
    position: absolute;
    content: "";
    width: 2em;
    height: 0.5vw;
    bottom: 0;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .page-index .block-jobnotice .noticebox .sub-titlebox:hover::after {
    width: 2em;
    height: 0.5vw;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
  }
  .page-index .block-jobnotice .img {
    display: none;
  }
}
.page-index .block-jobjob {
  width: 100%;
  height: auto;
  padding: 5% 12%;
  background-color: #f6f6f7;
}
.page-index .block-jobjob .arealist {
  display: flex;
  flex-direction: row;
}
.page-index .block-jobjob .arealist.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .page-index .block-jobjob .arealist {
    flex-direction: column;
  }
  .page-index .block-jobjob .arealist.flex-rev {
    flex-direction: column-reverse;
  }
}
.page-index .block-jobjob .arealist .area-title {
  font-size: 1.14583333vw;
  color: #44b041;
  padding-right: 5%;
  border-right: 1px solid #d1d1d2;
}
@media screen and (max-width: 1000px) {
  .page-index .block-jobjob .arealist .area-title {
    font-size: 5.06666667vw;
  }
}
.page-index .block-jobjob .arealist ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 5%;
}
.page-index .block-jobjob .arealist ul.flex-rev {
  flex-direction: row-reverse;
}
.page-index .block-jobjob .arealist li {
  margin-right: 15%;
}
.page-index .block-jobjob .arealist li.now .areabox .area-name,
.page-index .block-jobjob .arealist li:hover .areabox .area-name {
  color: #44b041;
}
.page-index .block-jobjob .arealist li.now .areabox .area-job,
.page-index .block-jobjob .arealist li:hover .areabox .area-job {
  background-color: #44b041;
  color: #fff;
}
.page-index .block-jobjob .arealist .areabox {
  display: block;
  position: relative;
}
.page-index .block-jobjob .arealist .areabox .area-name {
  color: #767676;
  white-space: nowrap;
  padding: 0 0.5em;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-jobjob .arealist .areabox .area-name {
    font-size: 4vw;
  }
}
.page-index .block-jobjob .arealist .areabox .area-job {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 1000vw;
  padding: 0 0.3645833333333333vw;
  background-color: #767676;
  color: #fff;
  transform: translate(50%, -50%);
  font-size: 0.72916667vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-jobjob .arealist .areabox .area-job {
    font-size: 3.73333333vw;
  }
}
.page-index .block-jobjob .joblist ul {
  width: 100%;
  padding: 5% 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-jobjob .joblist ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-index .block-jobjob .joblist .jobbox {
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  padding: 5%;
  transition: all 0.5s;
}
.page-index .block-jobjob .joblist .jobbox:hover {
  box-shadow: 0 0 10px 4px rgba(69, 185, 60, 0.3), inset 0 -3px 0 0 #44b041;
  transform: translateY(-10%);
}
.page-index .block-jobjob .joblist .jobbox .job-titlebox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 3%;
  border-bottom: 1px solid #efefef;
}
.page-index .block-jobjob .joblist .jobbox .job-titlebox.flex-rev {
  flex-direction: row-reverse;
}
.page-index .block-jobjob .joblist .jobbox .job-title {
  font-size: 1.5625vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page-index .block-jobjob .joblist .jobbox .job-title {
    font-size: 4vw;
  }
}
.page-index .block-jobjob .joblist .jobbox .job-area {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.83333333vw;
}
.page-index .block-jobjob .joblist .jobbox .job-area.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .page-index .block-jobjob .joblist .jobbox .job-area {
    font-size: 3.2vw;
  }
}
.page-index .block-jobjob .joblist .jobbox .job-area .marker {
  display: block;
  width: 1em;
  height: 1em;
  max-width: 15px;
  max-height: 17px;
  background: url(/images/mc-mark.png) no-repeat center;
  background-size: contain;
}
.page-index .block-jobjob .joblist .jobbox .job-area .text {
  font-size: 0.83333333vw;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .page-index .block-jobjob .joblist .jobbox .job-area .text {
    font-size: 3.2vw;
  }
}
.page-index .block-jobjob .joblist .jobbox .job-request {
  margin-top: 3%;
  font-size: 0.83333333vw;
  color: #5b5857;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1000px) {
  .page-index .block-jobjob .joblist .jobbox .job-request {
    font-size: 3.73333333vw;
  }
}
.page-index .block-jobjob .joblist .jobbox .job-request.flex-rev {
  flex-direction: row-reverse;
}
.page-index .block-jobjob .joblist .jobbox .job-request span {
  height: auto;
  width: 1px;
  background-color: #efefef;
  margin: 0 5%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-jobjob {
    padding: 5% 5%;
    background-color: #fff;
  }
  .page-index .block-jobjob .arealist .area-title {
    padding-right: 0%;
    text-align: center;
    border-right: 0;
    display: none;
  }
  .page-index .block-jobjob .arealist ul {
    flex-wrap: wrap;
    margin: 5% 0% 0%;
  }
  .page-index .block-jobjob .arealist li {
    margin: 2.5%;
  }
  .page-index .block-jobjob .arealist li.now .areabox,
  .page-index .block-jobjob .arealist li:hover .areabox {
    box-sizing: border-box;
    background-color: #daf1d8;
  }
  .page-index .block-jobjob .arealist li.now .areabox .area-name,
  .page-index .block-jobjob .arealist li:hover .areabox .area-name {
    color: #44b041;
  }
  .page-index .block-jobjob .arealist li.now .areabox .area-job,
  .page-index .block-jobjob .arealist li:hover .areabox .area-job {
    background-color: #44b041;
  }
  .page-index .block-jobjob .arealist .areabox {
    background-color: #f5f5f5;
    border-radius: 0.05rem;
  }
  .page-index .block-jobjob .arealist .areabox .area-name {
    padding: 0.5em 0.75em;
    color: #7c7e80;
  }
  .page-index .block-jobjob .arealist .areabox .area-job {
    background-color: #7c7e80;
    color: #fff;
    box-sizing: border-box;
    line-height: 1.5;
    padding: 0 1.666666666666667vw;
  }
}
.page-index .banner-contact .map-container {
  width: 100vw;
  height: 56.25vw;
  position: relative;
}
.page-index .banner-contact .map-container .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 9%;
  background: linear-gradient(to bottom, #fff 0%, #fff 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.page-index .banner-contact .map-container .map-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .page-index .banner-contact .bg {
    height: 50px;
  }
}
.page-index .block-contactfindus {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page-index .block-contactfindus .main-titlebox {
  text-align: center;
}
.page-index .block-contactfindus .main-titlebox .main-entitle {
  font-family: gilroy_bold;
  letter-spacing: 0.2em;
  font-size: 1.5625vw;
  text-transform: uppercase;
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactfindus .main-titlebox .main-entitle {
    font-size: 4vw;
  }
}
.page-index .block-contactfindus .main-titlebox .main-title {
  color: #090304;
  font-size: 2.5vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactfindus .main-titlebox .main-title {
    font-size: 6.4vw;
  }
}
.page-index .block-contactfindus .main-titlebox .main-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactfindus .main-titlebox .main-description {
    font-size: 4vw;
  }
}
.page-index .block-contactfindus .list {
  padding: 5% 12%;
}
.page-index .block-contactfindus .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactfindus .list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page-index .block-contactfindus .list li {
  padding: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-index .block-contactfindus .list li.flex-rev {
  flex-direction: column-reverse;
}
.page-index .block-contactfindus .list li:hover .icon {
  filter: invert(49%) sepia(26%) saturate(4662%) hue-rotate(85deg) brightness(118%) contrast(52%);
}
.page-index .block-contactfindus .list li:hover .tit,
.page-index .block-contactfindus .list li:hover .txt {
  color: #44b041;
}
.page-index .block-contactfindus .list .icon {
  width: 15%;
}
.page-index .block-contactfindus .list .tit {
  margin: 3% 0;
  color: #090304;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactfindus .list .tit {
    font-size: 4.66666667vw;
  }
}
.page-index .block-contactfindus .list .txt {
  text-align: center;
  color: #5b5857;
  font-size: 0.9375vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactfindus .list .txt {
    font-size: 3.73333333vw;
  }
}
.page-index .block-contactfindus .list .qrcode {
  width: 38%;
  border: 1px solid #eee;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactfindus .list {
    padding: 5%;
  }
  .page-index .block-contactfindus .list .icon {
    width: 30%;
  }
  .page-index .block-contactfindus .list .qrcode {
    width: 45%;
  }
}
.page-index .block-contactsubsidiary {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-color: #f7f7f7;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page-index .block-contactsubsidiary .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .block-contactsubsidiary .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactsubsidiary .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page-index .block-contactsubsidiary .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactsubsidiary .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page-index .block-contactsubsidiary .list {
  padding: 5% 5% 0;
}
.page-index .block-contactsubsidiary .list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactsubsidiary .list ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-index .block-contactsubsidiary .list li {
  margin: 5%;
}
.page-index .block-contactsubsidiary .list li:nth-of-type(3n) .subsidiarybox {
  border-right: none;
}
.page-index .block-contactsubsidiary .list .subsidiarybox {
  padding: 0 8.75%;
  margin: 5% 0;
  border-right: 1px solid #eaeaea;
  cursor: pointer;
}
.page-index .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 3%;
}
.page-index .block-contactsubsidiary .list .subsidiarybox .sub-titlebox.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
    flex-direction: row;
  }
  .page-index .block-contactsubsidiary .list .subsidiarybox .sub-titlebox.flex-rev {
    flex-direction: row-reverse;
  }
}
.page-index .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title {
  transition: all 0.5s;
  font-size: 1.25vw;
  font-weight: bold;
  color: #090304;
  position: relative;
  padding-bottom: 0.75em;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title {
    font-size: 4vw;
  }
}
.page-index .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0%;
  background-color: #d2d2d2;
  transform: translateX(0%);
  transition: all 0.5s;
}
.page-index .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
  font-size: 1.25vw;
  color: #5b5857;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 1001px) {
  .page-index .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
    display: none;
  }
}
.page-index .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area i {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
.page-index .block-contactsubsidiary .list .subsidiarybox .sub-descbox {
  transition: all 0.5s;
  font-size: 0.83333333vw;
  line-height: 1.5;
  color: #484848;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactsubsidiary .list .subsidiarybox .sub-descbox {
    font-size: 3.73333333vw;
  }
}
.page-index .block-contactsubsidiary .list .subsidiarybox .sub-descbox p {
  margin: 2% 0;
  line-height: 1.5;
}
.page-index .block-contactsubsidiary .list .subsidiarybox .sub-descbox i {
  display: inline-block;
  width: 0.8333333333333334vw;
  height: 0.8333333333333334vw;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactsubsidiary .list .subsidiarybox .sub-descbox i {
    display: none;
  }
}
.page-index .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-title {
  color: #45b93c;
  position: relative;
  padding-bottom: 0.75em;
  display: inline-block;
}
.page-index .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0%;
  background-color: #45b93c;
  transform: translateX(0%);
  transition: all 0.5s;
}
.page-index .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-area {
  color: #45b93c;
}
.page-index .block-contactsubsidiary .list .subsidiarybox:hover .sub-descbox {
  color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactsubsidiary .list li {
    background: #fff;
    margin: 2.5% 0;
    border-right: 0;
  }
  .page-index .block-contactsubsidiary .list .subsidiarybox {
    padding: 0 5%;
    border-right: 0;
  }
  .page-index .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
    padding: 0;
    border-bottom: 1px solid #eee;
  }
  .page-index .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title::after {
    display: none;
  }
}
.page-index .block-contactservice {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 15% 3.33vw;
  overflow: hidden;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page-index .block-contactservice .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .block-contactservice .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactservice .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page-index .block-contactservice .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactservice .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page-index .block-contactservice .list {
  padding: 5% 8%;
}
.page-index .block-contactservice .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.page-index .block-contactservice .list li {
  width: 100%;
}
.page-index .block-contactservice .list li:not(:last-child) {
  border-right: 1px solid #e6e6e6;
}
.page-index .block-contactservice .list .iconbox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-index .block-contactservice .list .iconbox.flex-rev {
  flex-direction: column-reverse;
}
.page-index .block-contactservice .list .iconbox .icon {
  width: 15%;
}
.page-index .block-contactservice .list .iconbox .title {
  margin: 3% 0;
  color: #090304;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactservice .list .iconbox .title {
    font-size: 3.46666667vw;
  }
}
.page-index .block-contactservice .messageform {
  display: flex;
  flex-direction: column;
}
.page-index .block-contactservice .messageform.flex-rev {
  flex-direction: column-reverse;
}
.page-index .block-contactservice .messageform ul {
  display: flex;
  flex-direction: row;
  padding: 0 5%;
  justify-content: space-between;
}
.page-index .block-contactservice .messageform ul.flex-rev {
  flex-direction: row-reverse;
}
.page-index .block-contactservice .messageform li {
  width: 100%;
  padding: 1.5% 2%;
}
.page-index .block-contactservice .messageform li input {
  border: 1px solid #d6d6d6;
  width: 100%;
  font-size: 1.14583333vw;
  padding: 3% 5%;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactservice .messageform li input {
    font-size: 2.93333333vw;
  }
}
.page-index .block-contactservice .messageform li input::placeholder {
  color: #090304;
}
.page-index .block-contactservice .messageform li select {
  width: 100%;
  padding: 3% 5%;
  border: 1px solid #d6d6d6;
  font-size: 1.14583333vw;
  background: url("/images/icon-select-down.png") no-repeat 95% center #fff;
  background-size: 3%;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactservice .messageform li select {
    font-size: 2.93333333vw;
  }
}
.page-index .block-contactservice .messageform li textarea {
  width: 100%;
  font-size: 1.14583333vw;
  padding: 1% 2.5%;
  height: 16vw;
  border: 1px solid #d6d6d6;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactservice .messageform li textarea {
    font-size: 2.93333333vw;
  }
}
.page-index .block-contactservice .messageform li button {
  appearance: none;
  border: 0;
  width: 100%;
  font-size: 1.45833333vw;
  line-height: 2.5;
  background-color: #44b041;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactservice .messageform li button {
    font-size: 4.8vw;
  }
}
.page-index .block-contactservice .messageform input:hover,
.page-index .block-contactservice .messageform select:hover,
.page-index .block-contactservice .messageform textarea:hover {
  border: 1px solid #44b041;
}
.page-index .block-contactservice .messageform button:hover {
  background-color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .page-index .block-contactservice {
    padding: 5% 0;
  }
  .page-index .block-contactservice .list {
    padding: 5%;
  }
  .page-index .block-contactservice .list li:not(:last-child) {
    border-right: 0;
  }
  .page-index .block-contactservice .list .iconbox .icon {
    width: 40%;
  }
}
.page-index .banner-searchbox {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0% 26%;
  align-self: flex-start;
}
.page-index .banner-searchbox .searchbox {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #c3c3c3;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
.page-index .banner-searchbox .searchbox .search-icon {
  width: 5%;
  max-width: 25px;
  margin: 0 2%;
  transition: all 0.5s;
}
.page-index .banner-searchbox .searchbox .search-icon img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.page-index .banner-searchbox .searchbox input#searchq {
  width: 100%;
  font-size: 1.45833333vw;
  color: #484848;
  background: transparent;
  padding: 2% 10% 2% 0;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page-index .banner-searchbox .searchbox input#searchq {
    font-size: 5.33333333vw;
  }
}
.page-index .banner-searchbox .searchbox input#searchq::-weblit-input-placeholder {
  color: #8b8a8a;
}
.page-index .banner-searchbox .searchbox input.buttonsearch {
  display: block;
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0 2% 0 0;
  background-color: transparent;
  font-size: 1.45833333vw;
  white-space: nowrap;
  transition: all 0.5s;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .page-index .banner-searchbox .searchbox input.buttonsearch {
    font-size: 5.33333333vw;
  }
}
.page-index .banner-searchbox .searchbox:hover {
  border-bottom: 1px solid #44b041;
}
.page-index .banner-searchbox .searchbox:hover .search-icon {
  filter: invert(49%) sepia(73%) saturate(466%) hue-rotate(70deg) brightness(102%) contrast(82%);
}
.page-index .banner-searchbox .searchbox:hover .buttonsearch {
  color: #44b041;
}
.page-index .banner-searchbox .result {
  font-size: 1.14583333vw;
  color: #868686;
  padding-top: 1%;
}
@media screen and (max-width: 1000px) {
  .page-index .banner-searchbox .result {
    font-size: 4.26666667vw;
  }
}
.page-index .banner-searchbox .result span {
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .page-index .banner-searchbox {
    padding: 0% 9%;
  }
  .page-index .banner-searchbox .searchbox .search-icon {
    width: 10%;
  }
}
@media screen and (max-width: 1000px) {
  .page-index {
    border-bottom: 3px solid #45b93c;
  }
}
.page-index .banner {
  width: 100%;
  height: auto;
  position: relative;
}
.page-index .banner #banner {
  display: block;
}
.page-index .banner #m-banner {
  display: none;
}
.page-index .banner .swiper-container {
  width: 100%;
  height: auto;
  position: relative;
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.page-index .banner .swiper-container ul {
  width: 100%;
  height: auto;
}
.page-index .banner .swiper-container li {
  width: 100%;
  height: auto;
}
.page-index .banner .swiper-container li .pic {
  width: 100%;
  height: auto;
}
.page-index .banner .swiper-container .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #fff;
  opacity: 0.5;
  margin: 8px;
}
.page-index .banner .swiper-container .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.9);
  opacity: 1;
}
.page-index .banner .swiper-container .swiper-pagination-bullets {
  bottom: 19%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .page-index .banner .swiper-container .swiper-pagination-bullets {
    bottom: 20px;
  }
}
.page-index .banner .bannerList {
  width: 85%;
  height: auto;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  bottom: 5%;
  left: 7.5%;
  z-index: 99;
}
.page-index .banner .bannerList ul {
  display: flex;
}
.page-index .banner .bannerList li {
  width: 25%;
  height: auto;
  padding: 1.2% 0;
}
.page-index .banner .bannerList li a {
  width: 100%;
  padding: 0 7%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-right: 1px solid #d2d2d2;
}
.page-index .banner .bannerList li:last-child a {
  border: none;
}
.page-index .banner .bannerList li a .titlebox {
  width: 80%;
  height: auto;
}
.page-index .banner .bannerList li a .titlebox .tit {
  font-size: 1.04166667vw;
  line-height: 1;
  padding-bottom: 4%;
  color: #000;
  transition: all 0.5s;
}
.page-index .banner .bannerList li a:hover .titlebox .tit {
  color: #45b93c;
}
.page-index .banner .bannerList li a .titlebox .txt {
  font-size: 0.72916667vw;
  color: #9c9c9c;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 0.5s;
}
.page-index .banner .bannerList li a .icon {
  width: 15%;
  height: auto;
}
.page-index .banner .bannerList li a .icon img {
  width: 100%;
  height: auto;
  -webkit-filter: grayscale(1);
  /* Webkit */
  filter: gray;
  /* IE6-9 */
  filter: grayscale(1);
  /* W3C */
  transition: all 0.4s;
}
.page-index .banner .bannerList li a:hover .icon img {
  filter: unset;
}
@media screen and (max-width: 1000px) {
  .page-index .banner #banner {
    display: none;
  }
  .page-index .banner #m-banner {
    display: block;
  }
  .page-index .banner .bannerList {
    position: relative;
    bottom: unset;
    width: 100%;
    left: 0;
    box-shadow: inset 0 -1px 0 0 #eaeaea;
  }
  .page-index .banner .bannerList li {
    padding: 2.93vw 0 4vw;
  }
  .page-index .banner .bannerList li a {
    flex-direction: column-reverse;
    border-right: 0;
  }
  .page-index .banner .bannerList li a .titlebox {
    width: auto;
    margin-top: 0.5vw;
  }
  .page-index .banner .bannerList li a .titlebox .tit {
    font-size: 3.73vw;
    font-weight: bold;
  }
  .page-index .banner .bannerList li a .titlebox .txt {
    display: none;
  }
  .page-index .banner .bannerList li a .icon {
    width: 42%;
  }
  .page-index .banner .bannerList li a .icon img {
    filter: unset;
  }
}
.page-index .about {
  width: 100%;
  height: auto;
  padding: 7% 7% 5%;
  box-sizing: border-box;
  overflow: hidden;
}
.page-index .about .titlebox {
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
  z-index: 1;
}
.page-index .about .titlebox .tit {
  font-size: 2.5vw;
  color: #090304;
  line-height: 1.7;
}
@media screen and (max-width: 1000px) {
  .page-index .about .titlebox .tit {
    font-size: 6.4vw;
  }
}
.page-index .about .titlebox .tit span {
  font-family: gilroy_bold;
  font-weight: bold;
  color: #45b93c;
}
.page-index .about .titlebox .tit2 {
  font-size: 1.45833333vw;
  color: #adadad;
  line-height: 1.5;
  font-weight: lighter;
}
@media screen and (max-width: 1000px) {
  .page-index .about .titlebox .tit2 {
    font-size: 3.73333333vw;
  }
}
.page-index .about .titlebox .bg {
  width: 50%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .page-index .about {
    padding: 7% 7% 10%;
  }
  .page-index .about .titlebox .bg {
    width: 80%;
    left: 10%;
    transform: translate(0, -50%);
  }
}
.page-index .about .titlebox .bg .bg-num {
  font-family: clarendon;
  font-size: 30.72916667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: url("/images/index-nummask.png") no-repeat center center / 150%;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
@media screen and (max-width: 1000px) {
  .page-index .about .titlebox .bg .bg-num {
    font-size: 46.66666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .page-index .about .titlebox .bg .bg-num {
    background: url("/images/index-nummask.png") no-repeat center center / 150%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
}
.page-index .about .conttxt {
  width: 100%;
  height: auto;
  font-size: 16px;
  color: #3a3536;
  line-height: 2;
  z-index: 2;
  position: relative;
  text-align: center;
  padding: 3% 15% 2%;
  box-sizing: border-box;
}
.page-index .about .Learnmore {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-index .about .Learnmore a {
  width: 10%;
  min-width: 100px;
  height: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  font-size: 16px;
  color: #fff;
  border-radius: 25px;
  border: 1px solid #fff;
  position: relative;
}
.page-index .about .Learnmore a::before {
  content: '';
  width: 10px;
  height: 10px;
  background: url(/images/aicon.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
}
.page-index .about .aboutList {
  width: 100%;
  height: auto;
  padding-top: 5%;
}
.page-index .about .aboutList ul {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.page-index .about .aboutList li {
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .about .aboutList li:nth-child(6) {
  display: none;
}
.page-index .about .aboutList li .headbox {
  width: 100%;
  display: flex;
  height: 120px;
  justify-content: center;
  align-items: center;
}
.page-index .about .aboutList li .headbox .icon-title {
  width: auto;
  height: auto;
  position: relative;
  z-index: 2;
}
.page-index .about .aboutList li .headbox .icon-title .tit {
  font-size: 2vw;
  font-weight: bold;
  color: #45b93c;
  line-height: 1.1;
  font-family: gilroy_bold;
}
.page-index .about .aboutList li .headbox .icon-title .tip {
  font-size: 14px;
  color: #45b93c;
  position: absolute;
  top: 0;
  left: 101%;
  width: auto;
  white-space: nowrap;
}
.page-index .about .aboutList li:nth-child(3) .headbox .icon-title .iconbg {
  width: 6vw;
  top: 25%;
  right: 20%;
}
.page-index .about .aboutList li:nth-child(5) .headbox .icon-title .iconbg {
  width: 5vw;
  top: 25%;
  right: 30%;
}
.page-index .about .aboutList li .headbox .icon-title .iconbg {
  width: 4.5vw;
  height: auto;
  position: absolute;
  top: 50%;
  right: 55%;
  transform: translateY(-50%);
  z-index: -1;
}
.page-index .about .aboutList li .headbox .icon-title .iconbg img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.page-index .about .aboutList li .tit2 {
  font-size: 17px;
  color: #45b93c;
  line-height: 1.5;
  text-align: center;
}
.page-index .about .aboutList li .txt {
  font-size: 16px;
  color: #9d9b9c;
  line-height: 1.5;
  text-align: center;
  position: relative;
  padding-top: 15%;
}
.page-index .about .aboutList li .txt::before {
  content: '';
  width: 2vw;
  height: 5px;
  background: #91dc25;
  position: absolute;
  bottom: 55%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1000px) {
  .page-index .about .titlebox .tit2 {
    padding: 0 10vw;
    font-size: 4.53vw;
  }
  .page-index .about .conttxt {
    font-size: 3.46vw;
    padding: 3% 0 2%;
  }
  .page-index .about .aboutList ul {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 2vw;
  }
  .page-index .about .aboutList li:nth-child(6) {
    display: block;
  }
  .page-index .about .aboutList li:nth-child(6) .headbox .icon-title .iconbg {
    transform: translate(50%, -50%);
  }
  .page-index .about .aboutList li .tit2 {
    font-size: 3.73vw;
  }
  .page-index .about .aboutList li .txt {
    display: none;
  }
  .page-index .about .aboutList li .headbox {
    height: 16vw;
  }
  .page-index .about .aboutList li .headbox .icon-title .iconbg {
    width: 11.87vw;
  }
  .page-index .about .aboutList li .headbox .icon-title .tit {
    font-size: 5.6vw;
  }
  .page-index .about .aboutList li .headbox .icon-title .tip {
    font-size: 1.87vw;
  }
}
.page-index .product {
  width: 100%;
  height: auto;
  padding: 5% 7% 7%;
  box-sizing: border-box;
  background: url("/images/index-bg.jpg") no-repeat center center / cover;
}
.page-index .product .titlebox {
  width: 100%;
  height: auto;
}
.page-index .product .titlebox .tit {
  font-size: 2.5vw;
  text-align: center;
  line-height: 1.7;
}
@media screen and (max-width: 1000px) {
  .page-index .product .titlebox .tit {
    font-size: 6.4vw;
  }
}
.page-index .product .titlebox .txt {
  font-size: 1.45833333vw;
  color: #adadad;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .page-index .product .titlebox .txt {
    font-size: 3.73333333vw;
  }
}
.page-index .product .productList {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
  padding-top: 5%;
}
.page-index .product .productList .list {
  width: 100%;
  height: auto;
  padding: 0 5%;
}
.page-index .product .productList .list .pic {
  width: 100%;
  height: 12vw;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}
.page-index .product .productList .list .pic img {
  width: auto;
  max-width: 100%;
  height: 100%;
  vertical-align: bottom;
  transition: all 0.5s;
}
.page-index .product .productList .list:hover .pic img {
  transform: scale(1.05);
}
.page-index .product .productList .list .sample {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 2%;
}
.page-index .product .productList .list .sample .icon {
  width: 12%;
  height: auto;
  overflow: hidden;
  border-radius: 4px;
  margin: 0 1%;
}
.page-index .product .productList .list .sample .icon img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.page-index .product .productList .list .titlebox {
  width: 100%;
  height: auto;
  text-align: center;
  padding: 5% 0;
}
.page-index .product .productList .list .titlebox .tit {
  font-size: 1.2vw;
  font-weight: bold;
  color: #090304;
  line-height: 1.5;
}
.page-index .product .productList .list .titlebox .text {
  font-size: 15px;
  color: #696566;
  line-height: 1.5;
}
.page-index .product .productList .list .seemore {
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom:2vw;
}
.page-index .product .productList .list .seemore .a {
  font-size: 16px;
  color: #45b93c;
  display: inline-block;
  line-height: 1.7;
  position: relative;
}
.page-index .product .productList .list .seemore .a::before {
  content: '';
  width: 50%;
  height: 2px;
  background: #45b93c;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s;
}
.page-index .product .productList .list:hover .seemore .a::before {
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .page-index .product {
    padding: 10% 7% 7%;
  }
  .page-index .product .titlebox .tit {
    line-height: 1.25;
  }
  .page-index .product .productList {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 4vw;
  }
  .page-index .product .productList .list .pic {
    height: 36vw;
  }
  .page-index .product .productList .list .titlebox {
    padding: 5% 0 2%;
  }
  .page-index .product .productList .list .titlebox .tit {
    font-size: 4.8vw;
  }
  .page-index .product .productList .list .titlebox .text {
    display: none;
  }
  .page-index .product .productList .list .seemore .a {
    font-size: 3.47vw;
  }
  .page-index .product .productList .list .seemore .a::before {
    width: 100%;
  }
}
.page-index .group {
  width: 100%;
  height: auto;
  padding: 5% 7%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.page-index .group .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.1;
  z-index: -1;
}
.page-index .group .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}
.page-index .group .titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page-index .group .titlebox .tit {
  font-size: 2vw;
  text-align: center;
  line-height: 1.7;
}
.page-index .group .titlebox .txt {
  font-size: 1.45833333vw;
  color: #adadad;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .page-index .group .titlebox .txt {
    font-size: 3.73333333vw;
  }
}
.page-index .group .groupList {
  width: 100%;
  height: auto;
  margin: auto;
  margin-top: 3%;
  overflow: hidden;
  padding-bottom: 36px;
}
.page-index .group .groupbox {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  position: relative;
}
.page-index .group .groupbox .swiper-pagination-custom {
  width: 27.5%;
  position: absolute;
  top: 0px;
  bottom: 0;
  left: unset;
  right: 0px;
  background: rgba(0, 0, 0, 0.4);
  overflow-y: auto;
  z-index: 1;
  text-align: center;
}
.page-index .group .groupbox .swiper-pagination-custom::-webkit-scrollbar {
  width: 4px;
}
.page-index .group .groupbox .swiper-pagination-custom::-webkit-scrollbar-thumb {
  background-color: #45b93c;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
.page-index .group .groupbox .swiper-pagination-custom ul {
  padding: 15% 0;
}
.page-index .group .groupbox .swiper-pagination-custom li {
  font-size: 1vw;
  color: #fff;
  line-height: 3;
  cursor: pointer;
}
.page-index .group .groupbox .swiper-pagination-custom li.now {
  background: url('/images/index-group-icon.png') no-repeat center right #44b041;
  background-position-x: 95%;
  background-size: 8%;
}
.page-index .group .groupbox .swiper-pagination-custom li:hover {
  background-color: #44b041;
}
.page-index .group .groupbox .swiper-slide img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1000px) {
  .page-index .group {
    padding: 5% 0 0;
  }
  .page-index .group .titlebox {
    padding: 0 7%;
  }
  .page-index .group .titlebox .tit {
    font-size: 6.4vw;
  }
  .page-index .group .titlebox .txt {
    font-size: 4.53vw;
  }
  .page-index .group .groupList {
    padding-bottom: 16.67vw;
  }
  .page-index .group .groupList .groupbox {
    width: 100%;
  }
  .page-index .group .groupList .groupbox .swiper-pagination-custom {
    width: 100%;
    position: absolute;
    top: unset;
    bottom: 0px;
    overflow: hidden;
    right: 0px;
    left: 0px;
    height: 16.67vw;
    transform: translateY(100%);
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-index .group .groupList .groupbox .swiper-pagination-custom li {
    font-size: 4.27vw;
    color: #090304;
    font-weight: bold;
    display: none;
  }
  .page-index .group .groupList .groupbox .swiper-pagination-custom li.now {
    display: block;
    background: none;
    line-height: 1;
  }
  .page-index .group .groupList .groupbox .group-line {
    width: 100%;
    height: 15vw;
    position: absolute;
    transform: translateY(100%);
    bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5%;
    z-index: 1;
  }
  .page-index .group .groupList .groupbox .group-line .group-button-prev,
  .page-index .group .groupList .groupbox .group-line .group-button-next {
    width: 7.5%;
  }
}
.page-index .latestnews {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  background: #f8f8f8;
}
.page-index .latestnews .news {
  width: 100%;
  padding: 5% 7.8% 5%;
  box-sizing: border-box;
}
.page-index .latestnews .news::-webkit-scrollbar {
  display: none;
}
.page-index .latestnews .news .titlebox {
  width: 100%;
  height: auto;
  position: relative;
}
.page-index .latestnews .news .titlebox .tit {
  font-size: 1.1vw;
  color: #191314;
  font-weight: bold;
}
.page-index .latestnews .news .titlebox .tit2 {
  font-size: 2vw;
  color: #090304;
}
.page-index .latestnews .news .titlebox .titlemoreinfo {
  width: auto;
  height: auto;
  display: block;
  position: absolute;
  bottom: 0;
  right: 1%;
  transition: all 0.5s;
}
.page-index .latestnews .news .titlebox .titlemoreinfo a {
  display: block;
  color: #090304;
  transition: all 0.5s;
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-index .latestnews .news .titlebox .titlemoreinfo a.flex-rev {
  flex-direction: row-reverse;
}
.page-index .latestnews .news .titlebox .titlemoreinfo a .text {
  font-size: 1.2vw;
  margin-right: 5%;
  white-space: nowrap;
}
.page-index .latestnews .news .titlebox .titlemoreinfo a .img {
  transition: all 0.5s;
  width: 20%;
}
.page-index .latestnews .news .titlebox .titlemoreinfo:hover {
  right: 0%;
}
.page-index .latestnews .news .titlebox .titlemoreinfo:hover a {
  color: #45b93c;
}
.page-index .latestnews .news .titlebox .titlemoreinfo:hover a .img {
  filter: invert(49%) sepia(92%) saturate(347%) hue-rotate(70deg) brightness(98%) contrast(92%);
}
.page-index .latestnews .news .newsbox {
  width: 100%;
  height: auto;
  float: right;
  box-sizing: border-box;
  margin: 5% 0 0;
}
.page-index .latestnews .news .newsbox ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 6%;
}
.page-index .latestnews .news .newsbox li {
  /* width: 47%; */
  /* height: 100%; */
  cursor: pointer;
  display: inline-block;
  margin-bottom: 10%;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}
.page-index .latestnews .news .newsbox li .pic {
  width: 100%;
  height: auto;
  position: relative;
}
.page-index .latestnews .news .newsbox li .pic.play::before {
  content: '';
  position: absolute;
  width: 3.5vw;
  height: 3.5vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
  background-size: 25%;
  border-radius: 50%;
}
.page-index .latestnews .news .newsbox li .cont {
  width: 100%;
  height: auto;
  padding: 5%;
  box-sizing: border-box;
}
.page-index .latestnews .news .newsbox li .cont .titbox {
  position: relative;
  border-bottom: 1px solid #f4f4f4;
  transition: all 0.5s;
}
.page-index .latestnews .news .newsbox li .cont .titbox::before {
  content: '';
  width: 2vw;
  height: 3px;
  background: #76d02d;
  position: absolute;
  bottom: -1.5px;
  left: 0;
  transition: all 0.5s;
}
.page-index .latestnews .news .newsbox li .cont .tit {
  font-size: 17px;
  color: #090304;
  line-height: 1.6;
  margin-bottom: 3%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.page-index .latestnews .news .newsbox li .cont .txt {
  width: 100%;
  height: 0;
  opacity: 0;
  font-size: 15px;
  color: #848181;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0% 0;
  box-sizing: border-box;
  transition: all 0.5s;
}
.page-index .latestnews .news .newsbox li .cont .date {
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  color: #adadad;
  background: url(/images/arrow5.png) no-repeat center right;
  background-size: 6px;
  margin-top: 3%;
}
.page-index .latestnews .news .newsbox li:hover .cont .titbox::before {
  width: 100%;
}
.page-index .latestnews .news .newsbox li:hover .cont .tit {
  color: #45b93c;
}
.page-index .latestnews .news .newsbox li:hover .cont .txt {
  height: auto;
  opacity: 1;
  margin: 5% 0;
}
.page-index .latestnews .news .moreinfo {
  width: 100%;
  height: auto;
  text-align: center;
  box-sizing: border-box;
  padding: 5% 0;
  display: none;
}
.page-index .latestnews .news .moreinfo a {
  font-size: 4.53vw;
  color: #090304;
  padding-right: 7vw;
  background: url(/images/index-latestnews-arrow-right.png) no-repeat center right;
  background-size: 4.53vw;
  background-position-x: 95%;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page-index .latestnews {
    background: #fff;
  }
  .page-index .latestnews .news .titlebox .tit {
    text-align: center;
    font-size: 6.4vw;
  }
  .page-index .latestnews .news .titlebox .tit2 {
    text-align: center;
    font-size: 4.53vw;
    color: #adadad;
  }
  .page-index .latestnews .news .titlebox .titlemoreinfo {
    display: none;
  }
  .page-index .latestnews .news {
    padding: 10% 5% 7% 5%;
  }
  .page-index .latestnews .news .newsbox {
    margin: 5% 0 5%;
  }
  .page-index .latestnews .news .newsbox ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .page-index .latestnews .news .newsbox li {
    box-shadow: none;
    margin-bottom: 0;
    padding: 5% 0;
    box-shadow: inset 0 -1px 0 0 #e9e6e6;
  }
  .page-index .latestnews .news .newsbox li a {
    display: flex;
  }
  .page-index .latestnews .news .newsbox li .pic {
    width: 70%;
  }
  .page-index .latestnews .news .newsbox li .pic.play::before {
    width: 8vw;
    height: 8vw;
  }
  .page-index .latestnews .news .newsbox li .cont {
    padding: 1.5% 5%;
  }
  .page-index .latestnews .news .newsbox li .cont .titbox::before {
    width: 7.46vw;
  }
  .page-index .latestnews .news .newsbox li .cont .tit {
    font-size: 3.73vw;
    line-height: 1.4;
    margin-bottom: 5%;
  }
  .page-index .latestnews .news .moreinfo {
    display: block;
  }
}
.page {
  width: 100%;
  height: auto;
  border-bottom: 5px solid #45b93c;
}
@media screen and (max-width: 1000px) {
  .page {
    border-bottom: 3px solid #45b93c;
  }
}
.page .block-aboutgroup {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
}
.page .block-aboutgroup .bgcircle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
}
.page .block-aboutgroup .bgcircle .b1,
.page .block-aboutgroup .bgcircle .b2,
.page .block-aboutgroup .bgcircle .b3,
.page .block-aboutgroup .bgcircle .b4,
.page .block-aboutgroup .bgcircle .b5,
.page .block-aboutgroup .bgcircle .b6,
.page .block-aboutgroup .bgcircle .b7,
.page .block-aboutgroup .bgcircle .b8,
.page .block-aboutgroup .bgcircle .b9,
.page .block-aboutgroup .bgcircle .b10,
.page .block-aboutgroup .bgcircle .b11,
.page .block-aboutgroup .bgcircle .b12 {
  border: 1px solid #efefee;
  border-radius: 50%;
  position: absolute;
}
.page .block-aboutgroup .bgcircle .b1 {
  width: 12vw;
  height: 12vw;
  left: -6vw;
  top: -6vw;
  display: none;
}
.page .block-aboutgroup .bgcircle .b2 {
  width: 24vw;
  height: 24vw;
  left: -12vw;
  top: -12vw;
  border-style: dashed;
}
.page .block-aboutgroup .bgcircle .b3 {
  width: 36vw;
  height: 36vw;
  left: -18vw;
  top: -18vw;
}
.page .block-aboutgroup .bgcircle .b4 {
  width: 48vw;
  height: 48vw;
  animation: clockwise-rotation 10s infinite linear;
  border-style: dashed;
  left: -24vw;
  top: -24vw;
}
.page .block-aboutgroup .bgcircle .b5 {
  width: 60vw;
  height: 60vw;
  animation: clockwise-rotation 15s infinite linear;
  left: -30vw;
  top: -30vw;
}
.page .block-aboutgroup .bgcircle .b6 {
  width: 72vw;
  height: 72vw;
  animation: counterclockwise-rotation 18s infinite linear;
  left: -36vw;
  top: -36vw;
}
.page .block-aboutgroup .bgcircle .b7 {
  width: 84vw;
  height: 84vw;
  animation: counterclockwise-rotation 20s infinite linear;
  border-style: dashed;
  left: -42vw;
  top: -42vw;
}
.page .block-aboutgroup .bgcircle .b8 {
  width: 96vw;
  height: 96vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -48vw;
  top: -48vw;
}
.page .block-aboutgroup .bgcircle .b9 {
  width: 108vw;
  height: 108vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -54vw;
  top: -54vw;
}
.page .block-aboutgroup .bgcircle .b10 {
  width: 120vw;
  height: 120vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -60vw;
  top: -60vw;
}
.page .block-aboutgroup .bgcircle .b11 {
  width: 132vw;
  height: 132vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -66vw;
  top: -66vw;
}
.page .block-aboutgroup .bgcircle .b12 {
  width: 144vw;
  height: 144vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -72vw;
  top: -72vw;
}
.page .block-aboutgroup .bgcircle .b4 .dot {
  position: absolute;
  width: 32px;
  height: 32px;
  top: -16px;
  left: 50%;
  border-radius: 50%;
  background: #efefee;
}
.page .block-aboutgroup .bgcircle .b5 .dot {
  position: absolute;
  width: 19px;
  height: 19px;
  top: -9.5px;
  border-radius: 50%;
  background: #44b041;
  left: 50%;
}
.page .block-aboutgroup .bgcircle .b6 .dot {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #efefee;
  top: -15px;
  left: 50%;
}
.page .block-aboutgroup .bgcircle .b8 .dot {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #44b041;
  top: -12.5px;
  left: 50%;
}
.page .block-aboutgroup .bgcircle .b11 .dot {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #efefee;
  top: -20px;
  left: 50%;
}
.page .block-aboutgroup .tit2 {
  margin-top: 3.75%;
  font-size: 2.5vw;
  font-weight: bold;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutgroup .tit2 {
    font-size: 6.4vw;
  }
}
.page .block-aboutgroup .cont {
  color: rgba(9, 3, 4, 0.8);
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutgroup .cont {
    font-size: 3.73333333vw;
  }
}
.page .block-aboutgroup .recycle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8vw 0 14vw 0;
  width: 100%;
}
.page .block-aboutgroup .recycle span {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutgroup .recycle span {
    font-size: 6.4vw;
  }
}
.page .block-aboutgroup .recycle .icon {
  width: 7%;
  margin: 0 1%;
  position: relative;
}
@keyframes picswitch {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes picswitch1 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.page .block-aboutgroup .recycle .icon .icon-bg {
  animation: picswitch 4s 0s ease infinite;
  background: url("/images/about-recycle.png") no-repeat center center / cover;
}
.page .block-aboutgroup .recycle .icon .icon-bg1 {
  animation: picswitch1 4s 0s ease infinite;
  background: url("/images/about-recycle1.png") no-repeat center center / cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page .block-aboutgroup .recycle .icon .icon-line1 {
  position: absolute;
  animation: maplinemask 2s infinite linear;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page .block-aboutgroup .recycle .icon .icon-line2 {
  position: absolute;
  animation: maplinemaskrev 2s infinite linear;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutgroup {
    padding: 7% 0 0;
  }
  .page .block-aboutgroup .bgcircle .dot {
    transform: scale(0.5);
  }
  .page .block-aboutgroup .cont {
    padding: 0 5%;
  }
  .page .block-aboutgroup .recycle {
    margin: 8vw 0 28vw 0;
  }
  .page .block-aboutgroup .recycle .icon {
    width: 20%;
  }
}
.page .block-abouthistory {
  width: 100%;
  height: auto;
  background-color: #fbfbfb;
  position: relative;
  padding: 5vw 0 7vw;
}
.page .block-abouthistory .timeline {
  margin: 5vw 0 0 8.5vw;
}
.page .block-abouthistory .timeline .swiper-slide .year {
  font-family: gilroy_bold;
  font-size: 2.1875vw;
  font-weight: bold;
  color: #44b041;
  margin-left: 6%;
}
@media screen and (max-width: 1000px) {
  .page .block-abouthistory .timeline .swiper-slide .year {
    font-size: 8vw;
  }
}
.page .block-abouthistory .timeline .swiper-slide .line {
  height: 4vw;
  display: flex;
  align-items: center;
  background: url('/images/about-timeline-line.png') space no-repeat center center, url('/images/about-timeline-circle.png') no-repeat 5% center;
  background-size: 5%, 6%;
}
.page .block-abouthistory .timeline .swiper-slide .line .circle {
  margin-left: 5%;
  border-radius: 50%;
  display: none;
  width: 1.5vw;
  height: 1.5vw;
  transition: all 0.5s;
  position: relative;
  align-items: center;
  justify-content: center;
}
.page .block-abouthistory .timeline .swiper-slide .line .circle::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(68, 176, 65, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.page .block-abouthistory .timeline .swiper-slide .line .circle::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(68, 176, 65, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.page .block-abouthistory .timeline .swiper-slide ul {
  padding: 0 10% 0 7%;
}
.page .block-abouthistory .timeline .swiper-slide li {
  margin: 10% 0;
}
.page .block-abouthistory .timeline .swiper-slide li:first-child {
  margin-top: 0;
}
.page .block-abouthistory .timeline .swiper-slide .date {
  font-size: 1.14583333vw;
  color: #44b041;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .page .block-abouthistory .timeline .swiper-slide .date {
    font-size: 4vw;
  }
}
.page .block-abouthistory .timeline .swiper-slide .text {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: rgba(9, 3, 4, 0.8);
}
@media screen and (max-width: 1000px) {
  .page .block-abouthistory .timeline .swiper-slide .text {
    font-size: 3.46666667vw;
  }
}
.page .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line {
  background-size: 5%, 0%;
}
.page .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line .circle {
  display: flex;
}
.page .block-abouthistory .timeline .swiper-slide:nth-child(1) .line {
  margin-left: 5%;
}
.page .block-abouthistory .timeline .swiper-slide:nth-child(1) .line .circle {
  margin-left: 0;
}
.page .block-abouthistory .timeline .swiper-button {
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  width: 4vw;
  height: 4vw;
  right: 6%;
  top: 2.75vw;
  z-index: 1;
  box-shadow: 0 0 20px 5px rgba(68, 176, 65, 0.5);
}
.page .block-abouthistory .timeline .swiper-button .swiper-button-prev {
  background-image: url('/images/about-timeline-prev.png');
  background-size: 1vw;
  width: 2vw;
  left: unset;
  right: unset;
}
.page .block-abouthistory .timeline .swiper-button .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  background-image: url('/images/about-timeline-prev-disable.png');
}
.page .block-abouthistory .timeline .swiper-button .swiper-button-next {
  background-image: url('/images/about-timeline-next.png');
  background-size: 1vw;
  width: 2vw;
  left: 2vw;
  right: unset;
}
.page .block-abouthistory .timeline .swiper-button .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  background-image: url('/images/about-timeline-next-disable.png');
}
@media screen and (max-width: 1000px) {
  .page .block-abouthistory .timeline {
    margin: 5% 0;
  }
  .page .block-abouthistory .timeline .swiper-slide ul {
    padding: 5% 15% 0% 15%;
  }
  .page .block-abouthistory .timeline .swiper-slide li {
    margin: 10% 0%;
  }
  .page .block-abouthistory .timeline .swiper-slide .line {
    height: 12vw;
    background-size: 2%, 0%;
    justify-content: center;
  }
  .page .block-abouthistory .timeline .swiper-slide .line .circle {
    width: 6vw;
    height: 6vw;
    margin-left: 0%;
  }
  .page .block-abouthistory .timeline .swiper-slide .year {
    text-align: center;
    margin-left: 0%;
  }
  .page .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line {
    background-size: 2%, 0%;
  }
  .page .block-abouthistory .timeline .swiper-slide:nth-child(1) .line {
    margin-left: 0%;
  }
  .page .block-abouthistory .timeline .swiper-button {
    width: 100%;
    height: 12vw;
    border-radius: unset;
    box-shadow: none;
    background-color: unset;
    top: 9.75vw;
    right: unset;
  }
  .page .block-abouthistory .timeline .swiper-button .swiper-button-prev {
    width: 12vw;
    left: 5%;
    background-size: 40%;
  }
  .page .block-abouthistory .timeline .swiper-button .swiper-button-next {
    left: unset;
    width: 12vw;
    right: 5%;
    background-size: 40%;
  }
}
.page .block-aboutcert {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #e9e9e9;
}
.page .block-aboutcert .bg {
  width: 100%;
  z-index: -1;
  display: block;
}
.page .block-aboutcert .m-bg {
  width: 100%;
  z-index: -1;
  display: none;
}
.page .block-aboutcert .titlebox {
  position: absolute;
  top: 50%;
  left: 12%;
  width: 32%;
  transform: translateY(-50%);
  text-align: center;
}
.page .block-aboutcert .titlebox .title {
  font-size: 2.5vw;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutcert .titlebox .title {
    font-size: 6.4vw;
  }
}
.page .block-aboutcert .titlebox .title span {
  color: #45b93c;
}
.page .block-aboutcert .titlebox .desc {
  margin-top: 4%;
  font-size: 0.9375vw;
  line-height: 2;
  color: rgba(9, 3, 4, 0.8);
}
@media screen and (max-width: 1000px) {
  .page .block-aboutcert .titlebox .desc {
    font-size: 3.73333333vw;
  }
}
.page .block-aboutcert .cert-showcase {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}
.page .block-aboutcert .cert {
  cursor: pointer;
}
.page .block-aboutcert .cert:hover .desc {
  display: block;
  opacity: 1;
  z-index: 1;
}
.page .block-aboutcert .cert .dot {
  position: absolute;
  width: 0.8vw;
  height: 0.8vw;
  border-radius: 50%;
  background-color: #45b93c;
  transform: translate(-50%, -50%);
}
.page .block-aboutcert .cert .dot::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(69, 185, 60, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.page .block-aboutcert .cert .dot::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(69, 185, 60, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.page .block-aboutcert .cert .desc {
  position: absolute;
  top: 0;
  left: -1.4vw;
  transform: translate(-100%, -50%);
  white-space: nowrap;
  line-height: 3;
  color: #fff;
  background: #44b041;
  font-size: 0.83333333vw;
  padding: 0 1.5em;
  border-radius: 1000rem;
  display: none;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutcert .cert .desc {
    font-size: 3.2vw;
  }
}
.page .block-aboutcert .cert .desc::before {
  content: '';
  position: absolute;
  height: 0.1vw;
  width: 1vw;
  background: #44b041;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
}
.page .block-aboutcert .cert.cert-v1 {
  position: absolute;
  width: 12.5%;
  top: 29%;
  left: 63%;
}
.page .block-aboutcert .cert.cert-v2 {
  position: absolute;
  width: 12.5%;
  top: 29%;
  left: 80%;
}
.page .block-aboutcert .cert.cert-h1 {
  position: absolute;
  width: 19%;
  top: 60%;
  left: 18%;
}
.page .block-aboutcert .cert.cert-h2 {
  position: absolute;
  width: 19%;
  top: 60%;
  left: 40%;
}
.page .block-aboutcert .cert.cert-h3 {
  position: absolute;
  width: 19%;
  top: 23%;
  left: 11%;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutcert .bg {
    display: none;
  }
  .page .block-aboutcert .m-bg {
    display: block;
  }
  .page .block-aboutcert .cert-showcase {
    width: 100%;
    height: 74vw;
  }
  .page .block-aboutcert .titlebox {
    margin-top: 5%;
    position: unset;
    transform: none;
    width: 100%;
    left: unset;
    top: unset;
    padding: 0 5% 5%;
  }
  .page .block-aboutcert .cert.cert-v1 {
    position: absolute;
    width: 15.75%;
    top: 30%;
    left: 60%;
  }
  .page .block-aboutcert .cert.cert-v1 .dot,
  .page .block-aboutcert .cert.cert-v1 .desc {
    display: none;
  }
  .page .block-aboutcert .cert.cert-v2 {
    position: absolute;
    width: 15.75%;
    top: 30%;
    left: 80%;
  }
  .page .block-aboutcert .cert.cert-v2 .dot,
  .page .block-aboutcert .cert.cert-v2 .desc {
    display: none;
  }
  .page .block-aboutcert .cert.cert-h1 {
    position: absolute;
    width: 21%;
    top: 62%;
    left: 16%;
  }
  .page .block-aboutcert .cert.cert-h1 .dot,
  .page .block-aboutcert .cert.cert-h1 .desc {
    display: none;
  }
  .page .block-aboutcert .cert.cert-h2 {
    position: absolute;
    width: 21%;
    top: 62%;
    left: 42%;
  }
  .page .block-aboutcert .cert.cert-h2 .dot,
  .page .block-aboutcert .cert.cert-h2 .desc {
    display: none;
  }
  .page .block-aboutcert .cert.cert-h3 {
    position: absolute;
    width: 21%;
    top: 26%;
    left: 11%;
  }
  .page .block-aboutcert .cert.cert-h3 .dot,
  .page .block-aboutcert .cert.cert-h3 .desc {
    display: none;
  }
}
.page .block-aboutcertlist {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 7.8% 5%;
}
.page .block-aboutcertlist .swiper-container {
  padding: 5% 0 5%;
}
.page .block-aboutcertlist .certbox {
  width: 100%;
  height: auto;
  position: relative;
}
.page .block-aboutcertlist .certbox .cert-bg {
  width: 100%;
  height: auto;
}
.page .block-aboutcertlist .certbox .cert-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page .block-aboutcertlist .certbox .cert {
  transition: all 0.5s;
  width: 50%;
  height: 80%;
}
.page .block-aboutcertlist .certbox .cert img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page .block-aboutcertlist .certbox:hover .cert {
  transform: translateY(-2.5%) scale(1.05);
}
.page .block-aboutcertlist .cert-name {
  text-align: center;
  font-size: 0.9375vw;
  margin-top: 5%;
  color: #191415;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutcertlist .cert-name {
    font-size: 3.73333333vw;
  }
}
.page .block-aboutcertlist .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page .block-aboutcertlist .cert-button {
  display: none;
}
.page .block-aboutcertlist .swiper-pagination-bullet {
  width: 0.42vw;
  height: 0.42vw;
  margin: 0 0.42vw;
}
.page .block-aboutcertlist .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.84vw;
  height: 0.84vw;
  background: #44b041;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutcertlist .swiper-container {
    padding: 5% 0 15%;
  }
  .page .block-aboutcertlist .swiper-pagination {
    display: none;
  }
  .page .block-aboutcertlist .cert-button {
    display: block;
  }
  .page .block-aboutcertlist .swiper-pagination-bullet {
    width: 1.86vw;
    height: 1.86vw;
    margin: 0 1.86vw;
  }
  .page .block-aboutcertlist .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 3.73vw;
    height: 3.73vw;
  }
  .page .block-aboutcertlist .cert-button-next,
  .page .block-aboutcertlist .cert-button-prev {
    position: absolute;
    top: 35%;
    z-index: 10;
    width: 8%;
    max-width: 30px;
  }
  .page .block-aboutcertlist .cert-button-next {
    right: 5%;
  }
  .page .block-aboutcertlist .cert-button-prev {
    left: 5%;
  }
}
.page .block-aboutculture {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-image: url("/images/about-culture-bg.jpg");
  position: relative;
  padding: 7.5% 7.8%;
}
.page .block-aboutculture .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page .block-aboutculture .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutculture .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page .block-aboutculture .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutculture .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page .block-aboutculture .tit2 {
  margin-top: 5%;
  width: 100%;
  text-align: center;
  font-size: 3.02083333vw;
  font-weight: bold;
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutculture .tit2 {
    font-size: 7.73333333vw;
  }
}
.page .block-aboutculture .culturelist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 5%;
  column-gap: 5.4vw;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutculture .culturelist {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page .block-aboutculture .culturelist .culturebox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 7% 0;
  transition: all 0.5s;
}
.page .block-aboutculture .culturelist .culturebox.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutculture .culturelist .culturebox {
    flex-direction: row;
  }
  .page .block-aboutculture .culturelist .culturebox.flex-rev {
    flex-direction: row-reverse;
  }
}
.page .block-aboutculture .culturelist .culturebox .icon {
  width: 12.5%;
}
.page .block-aboutculture .culturelist .culturebox .content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.page .block-aboutculture .culturelist .culturebox .content.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutculture .culturelist .culturebox .content {
    flex-direction: row;
  }
  .page .block-aboutculture .culturelist .culturebox .content.flex-rev {
    flex-direction: row-reverse;
  }
}
.page .block-aboutculture .culturelist .culturebox .content .title {
  font-size: 1.5625vw;
  font-weight: bold;
  color: #44b041;
  padding: 0.5vw 0 1.5vw;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutculture .culturelist .culturebox .content .title {
    font-size: 4.8vw;
  }
}
.page .block-aboutculture .culturelist .culturebox .content .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 3px;
  background-color: #44b041;
  transform: translate(50%, -1.5px);
}
.page .block-aboutculture .culturelist .culturebox .content .txt {
  font-size: 0.9375vw;
  padding: 5% 11% 3%;
  color: #090304;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutculture .culturelist .culturebox .content .txt {
    font-size: 3.73333333vw;
  }
}
.page .block-aboutculture .culturelist .culturebox:hover {
  transform: translateY(-5%);
}
.page .block-aboutculture .culturelist > *:nth-child(2) .culturebox .content .txt {
  padding: 5% 18% 3%;
}
@media screen and (max-width: 1000px) {
  .page .block-aboutculture .culturelist {
    row-gap: 5vw;
  }
  .page .block-aboutculture .culturelist > *:nth-child(2) .culturebox .content .txt {
    padding: 0 0 0 5%;
  }
  .page .block-aboutculture .culturelist .culturebox {
    padding: 5%;
  }
  .page .block-aboutculture .culturelist .culturebox .icon {
    width: 12%;
  }
  .page .block-aboutculture .culturelist .culturebox .content {
    width: 85%;
  }
  .page .block-aboutculture .culturelist .culturebox .content .title {
    width: 30%;
    white-space: nowrap;
  }
  .page .block-aboutculture .culturelist .culturebox .content .title::after {
    display: none;
  }
  .page .block-aboutculture .culturelist .culturebox .content .txt {
    text-align: left;
    line-height: 1.5;
    padding: 0 0 0 5%;
  }
}
.page .block-productproductlist {
  width: 100%;
  height: auto;
}
.page .block-productproductlist ul {
  width: 100%;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page .block-productproductlist ul.flex-rev {
  flex-direction: column-reverse;
}
.page .block-productproductlist li {
  width: 100%;
  height: auto;
  background: #fff;
}
.page .block-productproductlist .productbox {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5% 15%;
}
.page .block-productproductlist .productbox.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .page .block-productproductlist .productbox {
    flex-direction: column;
  }
  .page .block-productproductlist .productbox.flex-rev {
    flex-direction: column-reverse;
  }
}
.page .block-productproductlist .productbox:hover .contbox .title {
  border-bottom: 1px solid #44b041;
}
.page .block-productproductlist .productbox:hover .contbox .detail {
  margin-top: 15%;
  opacity: 1;
  z-index: auto;
}
.page .block-productproductlist .imgbox {
  width: 35%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  transition: all 0.5s;
  margin: 0 10% 0 0;
}
.page .block-productproductlist .imgbox.flex-rev {
  flex-direction: row-reverse;
}
.page .block-productproductlist .imgbox .icon {
  width: 100%;
}
.page .block-productproductlist .contbox {
  margin: 0 0 0 10%;
  width: 35%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.page .block-productproductlist .contbox.flex-rev {
  flex-direction: column-reverse;
}
.page .block-productproductlist .contbox .title {
  font-size: 1.5625vw;
  font-weight: bold;
  color: #090304;
  padding: 0 2em 0.625vw 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page .block-productproductlist .contbox .title {
    font-size: 5.33333333vw;
  }
}
.page .block-productproductlist .contbox .desc {
  margin-top: 5%;
  font-size: 0.9375vw;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(9, 3, 4, 0.6);
}
@media screen and (max-width: 1000px) {
  .page .block-productproductlist .contbox .desc {
    font-size: 3.73333333vw;
  }
}
.page .block-productproductlist .contbox .detail {
  font-size: 0.9375vw;
  color: #45b93c;
  position: relative;
  transition: all 0.5s;
  opacity: 0;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .page .block-productproductlist .contbox .detail {
    font-size: 3.73333333vw;
  }
}
.page .block-productproductlist .contbox .detail::before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: -6px;
  left: 0;
  height: 3px;
  background: #45b93c;
}
.page .block-productproductlist li:nth-of-type(2n) {
  background: #f7f7f7;
}
.page .block-productproductlist li:nth-of-type(2n) .productbox {
  flex-direction: row-reverse;
}
.page .block-productproductlist li:nth-of-type(2n) .productbox .imgbox {
  margin: 0 0 0 10%;
}
.page .block-productproductlist li:nth-of-type(2n) .productbox .contbox {
  margin: 0 10% 0 0;
}
@media screen and (max-width: 1000px) {
  .page .block-productproductlist .productbox {
    flex-direction: column;
    margin: 10% 5%;
  }
  .page .block-productproductlist li:nth-of-type(2n) .productbox {
    flex-direction: column;
  }
  .page .block-productproductlist li:nth-of-type(2n) .productbox .imgbox {
    margin: 0;
  }
  .page .block-productproductlist li:nth-of-type(2n) .productbox .contbox {
    margin: 10% 0 0 0;
  }
  .page .block-productproductlist .imgbox {
    margin: 0;
    width: 100%;
  }
  .page .block-productproductlist .imgbox .icon {
    width: 80%;
  }
  .page .block-productproductlist .contbox {
    margin: 10% 0 0 0;
    width: 100%;
    align-items: center;
  }
  .page .block-productproductlist .contbox .title {
    padding: 0;
    border-bottom: 0;
    margin-top: 5%;
  }
  .page .block-productproductlist .contbox .desc {
    text-align: center;
    margin-top: 5%;
  }
  .page .block-productproductlist .contbox .detail {
    text-align: center;
    margin-top: 10%;
    opacity: 1;
    z-index: auto;
  }
}
.page .block-mfgbrand {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 6.67vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
}
.page .block-mfgbrand .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page .block-mfgbrand .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgbrand .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page .block-mfgbrand .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgbrand .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page .block-mfgbrand .tit2 {
  margin-top: 3%;
  font-size: 2.5vw;
  font-weight: bold;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgbrand .tit2 {
    font-size: 6.4vw;
  }
}
.page .block-mfgbrand .cont {
  color: rgba(9, 3, 2, 0.8);
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgbrand .cont {
    font-size: 3.73333333vw;
  }
}
.page .block-mfgbrand .brandlist {
  padding: 5% 15% 0;
}
.page .block-mfgbrand ul {
  width: 100%;
  height: auto;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.page .block-mfgbrand li {
  padding: 10% 0;
  width: 100%;
  height: auto;
  text-align: center;
}
.page .block-mfgbrand li .headbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page .block-mfgbrand li .headbox .icon-title {
  width: auto;
  height: auto;
  position: relative;
  z-index: 2;
}
.page .block-mfgbrand li .headbox .icon-title .tit {
  font-size: 3.54166667vw;
  font-family: gilroy_bold;
  font-weight: bold;
  color: #44b041;
  line-height: 1.1;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgbrand li .headbox .icon-title .tit {
    font-size: 8vw;
  }
}
.page .block-mfgbrand li .headbox .icon-title .tip {
  font-size: 1.04166667vw;
  color: #44b041;
  position: absolute;
  top: 0;
  left: 101%;
  width: auto;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgbrand li .headbox .icon-title .tip {
    font-size: 2vw;
  }
}
.page .block-mfgbrand li .txt {
  font-size: 0.9375vw;
  color: #5c595a;
  line-height: 1.5;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgbrand li .txt {
    font-size: 2.93333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .page .block-mfgbrand .cont {
    padding: 0 5%;
  }
  .page .block-mfgbrand .brandlist {
    padding: 5%;
  }
}
.page .block-mfgstrength {
  width: 100%;
  height: auto;
  position: relative;
  padding: 7% 0;
  overflow: hidden;
}
.page .block-mfgstrength .titlebox {
  text-align: center;
}
.page .block-mfgstrength .titlebox .entit {
  font-family: 'gilroy_light';
  font-size: 1.5625vw;
  text-transform: uppercase;
  color: #44b041;
}
.page .block-mfgstrength .titlebox .cntit {
  color: #191415;
  font-size: 2.5vw;
}
.page .block-mfgstrength .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgstrength .cont {
    font-size: 4vw;
  }
}
.page .block-mfgstrength .grouplist {
  padding: 5%;
}
.page .block-mfgstrength ul {
  width: 100%;
  height: auto;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2vw;
  row-gap: 4vw;
  padding: 0 5%;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgstrength ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page .block-mfgstrength li {
  position: relative;
  cursor: pointer;
}
.page .block-mfgstrength li .icon {
  width: 100%;
}
.page .block-mfgstrength li .name {
  position: absolute;
  left: 5%;
  width: 90%;
  bottom: 0%;
  line-height: 1.3;
  padding: 3% 20%;
  font-size: 1.04166667vw;
  text-align: center;
  background-color: #fff;
  border-bottom: 3px solid #40a3a7;
  box-shadow: 0 0 2px 0 gray;
  transform: translateY(30%);
  transition: all 0.5s;
  background: url('/images/mfg-group-hover.png') no-repeat right center / 0% #fff;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgstrength li .name {
    font-size: 3.73333333vw;
  }
}
.page .block-mfgstrength li:hover .name {
  color: #fff;
}
.page .block-mfgstrength li:nth-of-type(4n-3) .name {
  border-bottom: 3px solid #44b041;
}
.page .block-mfgstrength li:nth-of-type(4n-3):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #44b041;
}
.page .block-mfgstrength li:nth-of-type(4n-2) .name {
  border-bottom: 3px solid #70c4aa;
}
.page .block-mfgstrength li:nth-of-type(4n-2):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #70c4aa;
}
.page .block-mfgstrength li:nth-of-type(4n-1) .name {
  border-bottom: 3px solid #40a3a7;
}
.page .block-mfgstrength li:nth-of-type(4n-1):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #40a3a7;
}
.page .block-mfgstrength li:nth-of-type(4n) .name {
  border-bottom: 3px solid #69cf7a;
}
.page .block-mfgstrength li:nth-of-type(4n):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #69cf7a;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgstrength ul {
    padding: 0;
    column-gap: 4vw;
    row-gap: 8vw;
  }
  .page .block-mfgstrength li .name {
    padding: 2% 10%;
  }
}
.page .block-mfgfuture {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  background-color: #f8f8f8;
  overflow: hidden;
}
.page .block-mfgfuture .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page .block-mfgfuture .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgfuture .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page .block-mfgfuture .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgfuture .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page .block-mfgfuture .cont {
  margin-top: 2%;
  color: #adadad;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgfuture .cont {
    font-size: 3.73333333vw;
  }
}
.page .block-mfgfuture .cooplist {
  position: relative;
  margin: 3% 8% 0;
}
.page .block-mfgfuture .cooplist .pic {
  width: 100%;
  height: auto;
}
.page .block-mfgfuture .cooplist .swiper-slide-prev,
.page .block-mfgfuture .cooplist .swiper-slide-next {
  position: relative;
}
.page .block-mfgfuture .cooplist .swiper-slide-prev::before,
.page .block-mfgfuture .cooplist .swiper-slide-next::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.page .block-mfgfuture .cooplist .coop-button-prev,
.page .block-mfgfuture .cooplist .coop-button-next {
  cursor: pointer;
  position: absolute;
  top: 0%;
  width: 30%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page .block-mfgfuture .cooplist .coop-button-prev .icon,
.page .block-mfgfuture .cooplist .coop-button-next .icon {
  width: 20%;
  max-width: 100px;
}
.page .block-mfgfuture .cooplist .coop-button-prev .micon,
.page .block-mfgfuture .cooplist .coop-button-next .micon {
  width: 50%;
  padding: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
.page .block-mfgfuture .cooplist .coop-button-prev {
  left: 0%;
}
.page .block-mfgfuture .cooplist .coop-button-next {
  right: 0%;
}
.page .block-mfgfuture .swiper-pagination-custom li {
  padding: 2% 30% 8%;
  display: none;
  text-align: center;
  font-size: 1.25vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgfuture .swiper-pagination-custom li {
    font-size: 3.73333333vw;
  }
}
.page .block-mfgfuture .swiper-pagination-custom li.now {
  display: block;
}
@media screen and (max-width: 1000px) {
  .page .block-mfgfuture .cont {
    padding: 0 5%;
  }
  .page .block-mfgfuture .swiper-pagination-custom li {
    line-height: 1.5;
    padding: 3% 10% 8%;
  }
  .page .block-mfgfuture .cooplist {
    margin: 3% 0 0;
  }
  .page .block-mfgfuture .cooplist .coop-button-prev,
  .page .block-mfgfuture .cooplist .coop-button-next {
    width: 20%;
  }
  .page .block-mfgfuture .cooplist .coop-button-prev .icon,
  .page .block-mfgfuture .cooplist .coop-button-next .icon {
    display: none;
  }
  .page .block-mfgfuture .cooplist .coop-button-prev .micon,
  .page .block-mfgfuture .cooplist .coop-button-next .micon {
    display: flex;
    flex-direction: row;
  }
  .page .block-mfgfuture .cooplist .coop-button-prev .micon.flex-rev,
  .page .block-mfgfuture .cooplist .coop-button-next .micon.flex-rev {
    flex-direction: row-reverse;
  }
}
.page .block-neenergy {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page .block-neenergy .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page .block-neenergy .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page .block-neenergy .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page .block-neenergy .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page .block-neenergy .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page .block-neenergy .cont {
  color: #3a3536;
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page .block-neenergy .cont {
    font-size: 3.73333333vw;
  }
}
.page .block-neenergy .energylist {
  position: relative;
  padding: 5% 10% 10%;
}
.page .block-neenergy .energylist .particles-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 25%;
}
.page .block-neenergy ul {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: start;
}
.page .block-neenergy li {
  padding: 6% 0;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: floating 1.5s infinite ease-in-out alternate;
}
@keyframes floating {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
.page .block-neenergy li:nth-child(1) {
  margin-top: 12%;
  animation-delay: 0.1s;
}
.page .block-neenergy li:nth-child(1) .fx-twinkle {
  animation-duration: 4s;
  animation-delay: 1s;
}
.page .block-neenergy li:nth-child(2) {
  margin-top: 30%;
  animation-delay: 0.3s;
}
.page .block-neenergy li:nth-child(2) .fx-twinkle {
  animation-duration: 6s;
  animation-delay: 3.5s;
}
.page .block-neenergy li:nth-child(3) {
  animation-delay: 0.5s;
}
.page .block-neenergy li:nth-child(3) .fx-twinkle {
  animation-duration: 4.5s;
  animation-delay: 3.5s;
}
.page .block-neenergy li:nth-child(4) {
  animation-delay: 0.7s;
  margin-top: 12%;
}
.page .block-neenergy li:nth-child(4) .fx-twinkle {
  animation-duration: 5s;
  animation-delay: 2.5s;
}
.page .block-neenergy li:nth-child(5) {
  animation-delay: 0.6s;
  margin-top: 8%;
}
.page .block-neenergy li:nth-child(5) .fx-twinkle {
  animation-duration: 5s;
  animation-delay: 1.5s;
}
.page .block-neenergy li:nth-child(6) {
  margin-top: 35%;
  animation-delay: 0.4s;
}
.page .block-neenergy li:nth-child(6) .fx-twinkle {
  animation-duration: 7s;
  animation-delay: 2s;
}
.page .block-neenergy li:nth-child(7) {
  margin-top: 12%;
  animation-delay: 0.8s;
}
.page .block-neenergy li:nth-child(7) .fx-twinkle {
  animation-duration: 6s;
  animation-delay: 2s;
}
.page .block-neenergy li .headbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page .block-neenergy li .headbox .icon-title {
  width: auto;
  height: auto;
  position: relative;
  z-index: 2;
}
.page .block-neenergy li .headbox .icon-title .tit {
  font-size: 3.125vw;
  font-weight: bold;
  color: #44b041;
  line-height: 1.1;
  font-family: gilroy_bold;
}
@media screen and (max-width: 1000px) {
  .page .block-neenergy li .headbox .icon-title .tit {
    font-size: 6.53333333vw;
  }
}
.page .block-neenergy li .headbox .icon-title .tip {
  font-size: 0.83333333vw;
  color: #45b93c;
  position: absolute;
  top: 0;
  left: 101%;
  width: auto;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .page .block-neenergy li .headbox .icon-title .tip {
    font-size: 2.66666667vw;
  }
}
.page .block-neenergy li .txt {
  font-size: 0.9375vw;
  color: #44b041;
  line-height: 1.5;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .page .block-neenergy li .txt {
    font-size: 3.46666667vw;
  }
}
.page .block-neenergy li .fx {
  width: 0.5%;
  opacity: 0.7;
}
@media screen and (max-width: 1000px) {
  .page .block-neenergy ul {
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "a a a b b b c c c d d d" "e e e e f f f f g g g g";
  }
  .page .block-neenergy li:nth-child(1) {
    grid-area: a;
    margin-top: 24%;
  }
  .page .block-neenergy li:nth-child(2) {
    grid-area: b;
    margin-top: 30%;
  }
  .page .block-neenergy li:nth-child(3) {
    grid-area: c;
    margin-top: 0%;
  }
  .page .block-neenergy li:nth-child(4) {
    grid-area: d;
    margin-top: 24%;
  }
  .page .block-neenergy li:nth-child(5) {
    grid-area: e;
    margin-top: 16%;
  }
  .page .block-neenergy li:nth-child(6) {
    grid-area: f;
    margin-top: 40%;
  }
  .page .block-neenergy li:nth-child(7) {
    grid-area: g;
    margin-top: 24%;
  }
  .page .block-neenergy .cont {
    padding: 0 5%;
  }
  .page .block-neenergy .fx {
    display: none;
  }
}
.page .block-necompany {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-color: #f7f7f7;
}
.page .block-necompany .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page .block-necompany .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page .block-necompany .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page .block-necompany .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page .block-necompany .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page .block-necompany .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
.page .block-necompany .companylist {
  padding: 5%;
}
.page .block-necompany ul {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3vw;
  row-gap: 6vw;
  padding: 0 5%;
}
@media screen and (max-width: 1000px) {
  .page .block-necompany ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page .block-necompany li {
  position: relative;
  cursor: pointer;
}
.page .block-necompany li:hover .name {
  color: #fff;
}
.page .block-necompany li:nth-of-type(3n-2) .name {
  border-bottom: 3px solid #44b041;
}
.page .block-necompany li:nth-of-type(3n-2):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #44b041;
  background-size: contain;
}
.page .block-necompany li:nth-of-type(3n-1) .name {
  border-bottom: 3px solid #70c4aa;
}
.page .block-necompany li:nth-of-type(3n-1):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #70c4aa;
  background-size: contain;
}
.page .block-necompany li:nth-of-type(3n) .name {
  border-bottom: 3px solid #40a3a7;
}
.page .block-necompany li:nth-of-type(3n):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #40a3a7;
  background-size: contain;
}
.page .block-necompany .icon {
  width: 100%;
}
.page .block-necompany .name {
  position: absolute;
  min-height: 4.27vw;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 5%;
  width: 90%;
  bottom: 0%;
  line-height: 1.2;
  padding: 2% 16%;
  transition: all 0.5s;
  text-align: center;
  font-size: 1.04166667vw;
  background-color: #fff;
  border-bottom: 3px solid #40a3a7;
  transform: translateY(30%);
  background: url('/images/mfg-group-hover.png') no-repeat right top #fff;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .page .block-necompany .name {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .page .block-necompany ul {
    row-gap: 15vw;
    padding: 0 5%;
  }
  .page .block-necompany .name {
    line-height: 2.5;
    padding: 2% 5%;
  }
}
.page .block-neadvantage {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-color: #fff;
}
.page .block-neadvantage .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page .block-neadvantage .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page .block-neadvantage .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page .block-neadvantage .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page .block-neadvantage .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page .block-neadvantage .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
.page .block-neadvantage .advangtagelist {
  padding: 5%;
}
.page .block-neadvantage ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0 7.8vw;
}
.page .block-neadvantage ul:nth-of-type(2n) {
  flex-direction: row-reverse;
  background-color: #ecf7ec;
}
.page .block-neadvantage li {
  display: flex;
  margin: 5%;
  width: 40%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.page .block-neadvantage .icon {
  width: 100%;
}
.page .block-neadvantage .listtitlebox {
  width: 100%;
  height: auto;
  text-align: left;
  position: relative;
  margin-top: 6%;
}
.page .block-neadvantage .listtitlebox .entit {
  width: 100%;
  height: auto;
  font-size: 6.25vw;
  font-weight: bold;
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 0.5px rgba(68, 176, 65, 0.3);
  -webkit-text-fill-color: transparent;
  font-family: gilroy_bold;
  line-height: 1;
  position: absolute;
  text-align: left;
  bottom: 0;
  left: -5%;
}
@media screen and (max-width: 1000px) {
  .page .block-neadvantage .listtitlebox .entit {
    font-size: 16vw;
  }
}
.page .block-neadvantage .listtitlebox .cntit {
  font-size: 2.08333333vw;
  color: #44b041;
  font-weight: bold;
  position: relative;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .page .block-neadvantage .listtitlebox .cntit {
    font-size: 5.33333333vw;
  }
}
.page .block-neadvantage .listcont {
  font-size: 0.9375vw;
  line-height: 2;
  color: #5c595a;
}
@media screen and (max-width: 1000px) {
  .page .block-neadvantage .listcont {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .page .block-neadvantage .icon {
    margin-bottom: 10%;
  }
  .page .block-neadvantage ul {
    flex-direction: column-reverse;
  }
  .page .block-neadvantage ul:nth-of-type(2n) {
    flex-direction: column-reverse;
  }
  .page .block-neadvantage li {
    margin: 5%;
    width: 90%;
  }
  .page .block-neadvantage .listtitlebox .entit {
    left: 0;
    text-align: center;
  }
  .page .block-neadvantage .listtitlebox .cntit {
    text-align: center;
  }
}
.page .banner-presentation {
  width: 100%;
  height: auto;
  position: relative;
}
.page .banner-presentation .banner-bg {
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .page .banner-presentation .banner-bg {
    height: 56.25vw;
  }
  .page .banner-presentation .banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
  }
}
.page .banner-presentation .banner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page .banner-presentation .banner-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page .banner-presentation .banner-titlebox .banner-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page .banner-presentation .banner-titlebox .banner-entitle {
    font-size: 4vw;
  }
}
.page .banner-presentation .banner-titlebox .banner-title {
  color: #231f20;
  font-size: 2.5vw;
}
@media screen and (max-width: 1000px) {
  .page .banner-presentation .banner-titlebox .banner-title {
    font-size: 6.4vw;
  }
}
.page .banner-presentation .banner-wrapper {
  justify-content: space-between;
  padding: 9% 0 14%;
}
.page .banner-presentation .cont {
  margin: 1% 0 0;
  padding: 0 30%;
  font-size: 0.83333333vw;
  color: #5b5857;
  line-height: 2;
}
.page .banner-presentation .list {
  margin: 1% 0 0;
  width: 100%;
  padding: 0 25%;
}
.page .banner-presentation .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.page .banner-presentation .list ul .iconbox {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page .banner-presentation .list ul .iconbox.flex-rev {
  flex-direction: column-reverse;
}
.page .banner-presentation .list ul .iconbox .icon {
  width: 30%;
}
.page .banner-presentation .list ul .iconbox .title {
  font-size: 1.25vw;
  text-align: center;
  font-weight: bold;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .page .banner-presentation .list ul .iconbox .title {
    font-size: 2.66666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .page .banner-presentation .banner-wrapper {
    padding: 14% 0 0%;
  }
  .page .banner-presentation .cont {
    display: none;
  }
  .page .banner-presentation .list {
    padding: 0 10%;
  }
  .page .banner-presentation .list ul .iconbox .icon {
    width: 50%;
  }
}
.page .block-presentationcase {
  width: 100%;
  height: auto;
  padding: 5% 8.5% 0;
}
.page .block-presentationcase ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3vw 3vw;
}
@media screen and (max-width: 1000px) {
  .page .block-presentationcase ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page .block-presentationcase li {
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
}
.page .block-presentationcase li .icon {
  width: 100%;
}
.page .block-presentationcase li .text {
  position: absolute;
  width: 100%;
  bottom: -30%;
  transition: all 0.5s;
  font-size: 1.14583333vw;
  color: #fff;
  padding: 2.5% 5%;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1000px) {
  .page .block-presentationcase li .text {
    font-size: 3.46666667vw;
  }
}
.page .block-presentationcase li:hover {
  transform: translateY(-3%);
}
.page .block-presentationcase li:hover .text {
  bottom: 0;
}
@media screen and (max-width: 1000px) {
  .page .block-presentationcase {
    padding: 5% 5% 0;
  }
  .page .block-presentationcase li .text {
    padding: 3% 5%;
    bottom: 0;
  }
}
.page .block-infornews {
  width: 100%;
  height: auto;
  padding: 5% 7.8% 0;
}
.page .block-infornews ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 4vw;
}
.page .block-infornews li {
  transition: all 0.5s;
  border-bottom: 1px solid #f4f4f4;
}
.page .block-infornews li a {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}
.page .block-infornews li a.flex-rev {
  flex-direction: row-reverse;
}
.page .block-infornews li .pic {
  max-width: 20%;
  position: relative;
}
.page .block-infornews li .pic.play::before {
  content: '';
  position: absolute;
  width: 3.5vw;
  height: 3.5vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
  background-size: 25%;
  border-radius: 50%;
}
.page .block-infornews li .cont {
  width: 100%;
  height: auto;
  padding: 5%;
  box-sizing: border-box;
  flex: 1;
}
.page .block-infornews li .cont .titbox {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 1.5vw;
}
.page .block-infornews li .cont .tit {
  font-size: 1.14583333vw;
  font-weight: bold;
  color: #090304;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .page .block-infornews li .cont .tit {
    font-size: 3.73333333vw;
  }
}
.page .block-infornews li .cont .txt {
  width: 100%;
  height: auto;
  font-size: 0.72916667vw;
  color: #848181;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0% 0;
  box-sizing: border-box;
}
.page .block-infornews li .cont .date {
  width: 100%;
  font-family: gilroy_regular;
  font-size: 1.35416667vw;
  line-height: 1.5;
  color: #adadad;
  display: none;
  margin-top: 3%;
}
@media screen and (max-width: 1000px) {
  .page .block-infornews li .cont .date {
    font-size: 3.46666667vw;
  }
}
.page .block-infornews li .datebox {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: gilroy_regular;
  color: #adadad;
}
.page .block-infornews li .datebox .year {
  font-size: 2.08333333vw;
}
.page .block-infornews li .datebox .monthday {
  font-size: 1.92708333vw;
}
.page .block-infornews li a::after {
  content: '';
  width: 6vw;
  height: 3px;
  background: linear-gradient(to right, #45b93c, #79d12c);
  position: absolute;
  bottom: -1.5px;
  left: 0;
  transition: all 0.5s;
}
.page .block-infornews li:hover a {
  color: #45b93c;
}
.page .block-infornews li:hover a::after {
  width: 100%;
}
.page .block-infornews li:hover .cont .tit {
  color: #45b93c;
}
.page .block-infornews li:hover .cont .txt {
  color: #45b93c;
}
.page .block-infornews li:hover .datebox {
  color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .page .block-infornews {
    padding: 0 5% 0;
  }
  .page .block-infornews li a {
    box-sizing: border-box;
    padding: 5% 0;
  }
  .page .block-infornews li a::after {
    display: none;
  }
  .page .block-infornews li .pic {
    max-width: 45%;
  }
  .page .block-infornews li .pic.play::before {
    content: '';
    position: absolute;
    width: 10vw;
    height: 10vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
    background-size: 25%;
    border-radius: 50%;
  }
  .page .block-infornews li .cont {
    padding: 0 3% 0 0;
  }
  .page .block-infornews li .cont .txt {
    display: none;
  }
  .page .block-infornews li .cont .date {
    display: block;
  }
  .page .block-infornews li .datebox {
    display: none;
  }
}
.page .block-infonews {
  width: 100%;
  height: auto;
  padding: 5% 7.8% 0;
}
.page .block-infonews ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 6%;
  row-gap: 4vw;
}
@media screen and (max-width: 1000px) {
  .page .block-infonews ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page .block-infonews li {
  /* width: 47%; */
  /* height: 100%; */
  cursor: pointer;
  display: inline-block;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}
.page .block-infonews li .pic {
  width: 100%;
  height: auto;
  position: relative;
}
.page .block-infonews li .pic.play::before {
  content: '';
  position: absolute;
  width: 3.5vw;
  height: 3.5vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
  background-size: 25%;
  border-radius: 50%;
}
.page .block-infonews li .cont {
  width: 100%;
  height: auto;
  padding: 5%;
  box-sizing: border-box;
}
.page .block-infonews li .cont .titbox {
  position: relative;
  border-bottom: 1px solid #f4f4f4;
  transition: all 0.5s;
}
.page .block-infonews li .cont .titbox::before {
  content: '';
  width: 2vw;
  height: 3px;
  background: linear-gradient(to right, #45b93c, #79d12c);
  position: absolute;
  bottom: -1.5px;
  left: 0;
  transition: all 0.5s;
}
.page .block-infonews li .cont .tit {
  font-size: 17px;
  color: #090304;
  line-height: 1.6;
  margin-bottom: 3%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.page .block-infonews li .cont .txt {
  width: 100%;
  height: 0;
  opacity: 0;
  font-size: 15px;
  color: #848181;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0% 0;
  box-sizing: border-box;
  transition: all 0.5s;
}
.page .block-infonews li .cont .date {
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  color: #adadad;
  background: url(/images/arrow5.png) no-repeat center right;
  background-size: 6px;
  margin-top: 3%;
}
.page .block-infonews li:hover .cont .titbox::before {
  width: 100%;
}
.page .block-infonews li:hover .cont .tit {
  color: #45b93c;
}
.page .block-infonews li:hover .cont .txt {
  height: auto;
  opacity: 1;
  margin: 5% 0;
}
@media screen and (max-width: 1000px) {
  .page .block-infonews {
    padding: 5% 5% 0;
  }
  .page .block-infonews ul {
    column-gap: 0;
    row-gap: 0;
  }
  .page .block-infonews li {
    box-shadow: none;
    margin-bottom: 0;
    padding: 5% 0;
  }
  .page .block-infonews li:not(:last-child) {
    box-shadow: none;
  }
  .page .block-infonews li a {
    display: flex;
  }
  .page .block-infonews li .pic {
    width: 70%;
  }
  .page .block-infonews li .pic.play::before {
    width: 8vw;
    height: 8vw;
  }
  .page .block-infonews li .cont {
    padding: 1.5% 0 1.5% 5%;
  }
  .page .block-infonews li .cont .titbox::before {
    width: 0;
  }
  .page .block-infonews li .cont .tit {
    font-size: 3.73vw;
  }
}
.page .block-infonewsdetails {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.page .block-infonewsdetails .detailsbox {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.page .block-infonewsdetails .detailsbox .zuoCont {
  width: 65%;
  height: auto;
  padding: 5% 3% 5% 12%;
}
.page .block-infonewsdetails .detailsbox .zuoCont .headbox {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #eee;
}
.page .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
  font-size: 2.29166667vw;
  color: #272621;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .page .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
    font-size: 4.26666667vw;
  }
}
.page .block-infonewsdetails .detailsbox .zuoCont .headbox .source {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 3% 0 1% 0;
  box-sizing: border-box;
}
.page .block-infonewsdetails .detailsbox .zuoCont .headbox .source li {
  font-size: 1.04166667vw;
  color: #969694;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page .block-infonewsdetails .detailsbox .zuoCont .headbox .source li {
    font-size: 3.2vw;
  }
}
.page .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a {
  font-size: 1.04166667vw;
  color: #969694;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a {
    font-size: 3.2vw;
  }
}
.page .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a:hover {
  color: #44b041;
}
.page .block-infonewsdetails .detailsbox .zuoCont .cont {
  width: 100%;
  height: auto;
  padding: 3% 0 5% 0;
  box-sizing: border-box;
  font-size: 1.14583333vw;
  line-height: 2;
  color: #5b5857;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 1000px) {
  .page .block-infonewsdetails .detailsbox .zuoCont .cont {
    font-size: 3.73333333vw;
  }
}
.page .block-infonewsdetails .detailsbox .zuoCont .cont img {
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
.page .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox {
  padding: 5% 0;
}
.page .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-entitle {
  font-family: gilroy_regular;
  color: #44b041;
  font-size: 0.83333333vw;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  .page .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-entitle {
    font-size: 2.4vw;
  }
}
.page .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-title {
  font-weight: bold;
  color: #44b041;
  font-size: 1.45833333vw;
}
@media screen and (max-width: 1000px) {
  .page .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-title {
    font-size: 4.66666667vw;
  }
}
.page .block-infonewsdetails .detailsbox .zuoCont .download li:not(:last-child) {
  margin-bottom: 1em;
}
.page .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
  background-color: #f7f7f7;
  color: #090304;
  padding: 0 6%;
  transition: all 0.5s;
  background-image: url("/images/icon-download1.png"), url("/images/icon-download2.png"), url("/images/icon-download3.png");
  background-repeat: no-repeat;
  background-position: 2% center, 98% center, 97% center;
  background-size: 2%, 1.5%, contain;
  font-size: 0.83333333vw;
  line-height: 3;
}
.page .block-infonewsdetails .detailsbox .zuoCont .download .download-file:hover {
  background-image: url("/images/icon-download1-hover.png"), url("/images/icon-download2-hover.png"), url("/images/icon-download3.png");
  background-color: #44b041;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .page .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
    font-size: 4vw;
  }
}
.page .block-infonewsdetails .detailsbox .zuoCont .newPage {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  padding: 5% 0 0;
  box-sizing: border-box;
}
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve,
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .next {
  width: 40%;
  height: auto;
}
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit,
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
  font-size: 1.04166667vw;
  color: #adadad;
  line-height: 1.5;
  white-space: nowrap;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit,
  .page .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
    font-size: 3.73333333vw;
  }
}
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt,
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
  font-size: 1.04166667vw;
  color: #5b5857;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt,
  .page .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
    font-size: 3.73333333vw;
  }
}
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a,
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a:hover .tit,
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .next a:hover .tit {
  color: #44b041;
}
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a:hover .txt,
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .next a:hover .txt {
  color: #44b041;
}
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a {
  justify-content: flex-start;
}
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit {
  border-right: 1px solid #d9d9d9;
  padding-right: 0.5vw;
}
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt {
  padding-left: 0.5vw;
}
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
  justify-content: flex-end;
}
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
  border-left: 1px solid #d9d9d9;
  padding-left: 0.5vw;
}
.page .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
  padding-right: 0.5vw;
}
.page .block-infonewsdetails .detailsbox .youList {
  width: 35%;
  height: auto;
  background: url("/images/infolist-bg.png") no-repeat right top / contain #fafafa;
  padding: 5% 5% 5% 0%;
}
.page .block-infonewsdetails .detailsbox .youList .titlebox {
  padding: 0 5%;
  border-left: 7px solid #44b041;
}
.page .block-infonewsdetails .detailsbox .youList .titlebox .entitle {
  font-size: 0.83333333vw;
  color: #44b041;
  font-family: gilroy_regular;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  .page .block-infonewsdetails .detailsbox .youList .titlebox .entitle {
    font-size: 2.93333333vw;
  }
}
.page .block-infonewsdetails .detailsbox .youList .titlebox .title {
  font-size: 1.45833333vw;
  color: #44b041;
  font-weight: bold;
  box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
  .page .block-infonewsdetails .detailsbox .youList .titlebox .title {
    font-size: 4.66666667vw;
  }
}
.page .block-infonewsdetails .detailsbox .youList .youbox {
  width: 100%;
  height: auto;
  padding: 0 5%;
}
.page .block-infonewsdetails .detailsbox .youList .youbox ul {
  width: 100%;
  height: auto;
}
.page .block-infonewsdetails .detailsbox .youList .youbox li {
  width: 100%;
}
.page .block-infonewsdetails .detailsbox .youList .youbox li a {
  width: 100%;
  height: auto;
  padding: 5% 0;
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  align-items: stretch;
  justify-content: flex-end;
  border-bottom: 1px solid #ebebeb;
}
.page .block-infonewsdetails .detailsbox .youList .youbox li a::before {
  content: "";
  position: absolute;
  width: 0%;
  background: #44b041;
  height: 1px;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}
.page .block-infonewsdetails .detailsbox .youList .youbox li:last-child a {
  border: none;
}
.page .block-infonewsdetails .detailsbox .youList .youbox li .pic {
  max-width: 30%;
  height: auto;
}
.page .block-infonewsdetails .detailsbox .youList .youbox li .pic img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.page .block-infonewsdetails .detailsbox .youList .youbox li .cont {
  padding: 0 2%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 70%;
}
.page .block-infonewsdetails .detailsbox .youList .youbox li .tit {
  font-size: 0.83333333vw;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 4% 0 3% 0;
  box-sizing: border-box;
  transition: all 0.5s;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page .block-infonewsdetails .detailsbox .youList .youbox li .tit {
    font-size: 3.73333333vw;
  }
}
.page .block-infonewsdetails .detailsbox .youList .youbox li:hover .tit {
  color: #44b041;
}
.page .block-infonewsdetails .detailsbox .youList .youbox li:hover a::before {
  width: 100%;
}
.page .block-infonewsdetails .detailsbox .youList .youbox li .date {
  font-size: 0.83333333vw;
  color: #adadad;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .page .block-infonewsdetails .detailsbox .youList .youbox li .date {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 1000px) {
  .page .block-infonewsdetails {
    padding: 5% 5%;
  }
  .page .block-infonewsdetails .detailsbox {
    display: block;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont {
    width: 100%;
    height: auto;
    padding: 5% 0;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
    font-size: 5vw;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .headbox .source {
    padding: 2% 0 1% 0;
    justify-content: space-between;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li {
    font-size: 14px;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li span {
    display: none;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li a {
    font-size: 14px;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .cont {
    font-size: 15px;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
    padding: 2% 8%;
    background-size: 4%, 3% ,contain;
    background-position: 3% center, 94% center, 97% center;
    line-height: 1.5;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .newPage {
    flex-direction: column;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve,
  .page .block-infonewsdetails .detailsbox .zuoCont .newPage .next {
    width: 100%;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a {
    justify-content: flex-start;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit {
    border-right: 1px solid #d9d9d9;
    padding: 0 1vw 0 0;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt {
    padding: 0 0 0 1vw;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
    border-left: 0;
    border-right: 1px solid #d9d9d9;
    padding: 0 1vw 0 0;
  }
  .page .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
    padding: 0 0 0 1vw;
  }
  .page .block-infonewsdetails .detailsbox .youList {
    width: 100%;
    height: auto;
    padding: 5% 0;
    background: #fff;
  }
  .page .block-infonewsdetails .detailsbox .youList .titlebox {
    border-left: none;
    padding: 0;
  }
  .page .block-infonewsdetails .detailsbox .youList .titlebox .title {
    padding-bottom: 1%;
  }
  .page .block-infonewsdetails .detailsbox .youList .youbox {
    padding: 0;
  }
  .page .block-infonewsdetails .detailsbox .youList .youbox li {
    padding: 0;
  }
  .page .block-infonewsdetails .detailsbox .youList .youbox li a {
    padding: 3% 0;
    flex-direction: row;
  }
  .page .block-infonewsdetails .detailsbox .youList .youbox li .pic {
    width: 100%;
    order: 3;
  }
  .page .block-infonewsdetails .detailsbox .youList .youbox li .tit {
    width: 100%;
    height: auto;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    order: 1;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    font-weight: unset;
    margin: 0;
  }
  .page .block-infonewsdetails .detailsbox .youList .youbox li .cont {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 2% 0 0;
  }
  .page .block-infonewsdetails .detailsbox .youList .youbox li .date {
    display: block;
    top: 2px;
    left: 0;
    font-weight: bold;
    padding-bottom: 5%;
  }
}
.page .block-mcglobalmap {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 9;
}
.page .block-mcglobalmap .map,
.page .block-mcglobalmap .m-map {
  width: 100%;
  height: auto;
}
.page .block-mcglobalmap .m-map {
  display: none;
}
.page .block-mcglobalmap .global {
  width: 45%;
  height: auto;
  position: absolute;
  left: 10%;
  bottom: 35%;
}
.page .block-mcglobalmap .global .tit {
  font-size: 2.5vw;
  font-weight: bold;
  color: #090304;
  padding-bottom: 2%;
}
@media screen and (max-width: 1000px) {
  .page .block-mcglobalmap .global .tit {
    font-size: 6.4vw;
  }
}
.page .block-mcglobalmap .global .tit span {
  color: #45b93c;
}
.page .block-mcglobalmap .global .txt {
  width: 100%;
  font-size: 0.9375vw;
  color: #393535;
  padding-right: 25%;
  box-sizing: border-box;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page .block-mcglobalmap .global .txt {
    font-size: 3.73333333vw;
  }
}
.page .block-mcglobalmap .global .globalbtn {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  padding-top: 5%;
}
.page .block-mcglobalmap .global .globalbtn a {
  display: block;
  height: auto;
  padding: 2% 12% 2% 3%;
  box-sizing: border-box;
  border: 1px solid #f4f4f4;
  background: url(/images/mc-global-arrow.png) no-repeat center #ffffff;
  background-size: 3em;
  background-position: 90%;
  transition: all 0.5s;
  margin-right: 5%;
}
.page .block-mcglobalmap .global .globalbtn a .btit {
  font-size: 1.09375vw;
  font-weight: bold;
  line-height: 1.5;
  color: #090304;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page .block-mcglobalmap .global .globalbtn a .btit {
    font-size: 3.73333333vw;
  }
}
.page .block-mcglobalmap .global .globalbtn a .btxt {
  font-size: 0.8vw;
  color: #adadad;
  line-height: 1.5;
  white-space: nowrap;
  transition: all 0.5s;
}
.page .block-mcglobalmap .global .globalbtn a:hover {
  background: url(/images/mc-global-arrow-hover.png) no-repeat center #45b93c;
  background-size: 3em;
  background-position: 90%;
}
.page .block-mcglobalmap .global .globalbtn a:hover .btit {
  color: #fff;
}
.page .block-mcglobalmap .global .globalbtn a:hover .btxt {
  color: #fff;
}
.page .block-mcglobalmap .exitroute {
  width: 50%;
  height: 100%;
  position: absolute;
  bottom: 0%;
  right: 0;
  z-index: 9;
}
.page .block-mcglobalmap .exitroute .exit .route {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 45.5%;
  right: 48.5%;
  z-index: 99;
}
.page .block-mcglobalmap .exitroute .exit .route .dian {
  width: 19px;
  height: 19px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  box-shadow: inset 0 0 0px 3px #45b93c;
}
.page .block-mcglobalmap .exitroute .exit .route .dian::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(68, 176, 65, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.page .block-mcglobalmap .exitroute .exit .route .dian::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(68, 176, 65, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.page .block-mcglobalmap .exitroute .exit .route .site {
  width: auto;
  height: auto;
  position: absolute;
  top: 20%;
  left: 160%;
  white-space: nowrap;
}
.page .block-mcglobalmap .exitroute .exit .route .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.page .block-mcglobalmap .exitroute .exit .route .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.page .block-mcglobalmap .exitroute .exit .route .line-japan,
.page .block-mcglobalmap .exitroute .exit .route .line-europe,
.page .block-mcglobalmap .exitroute .exit .route .line-middleeast,
.page .block-mcglobalmap .exitroute .exit .route .line-malaysia {
  height: auto;
  position: absolute;
  z-index: -1;
  animation: maplinemask 4s linear infinite;
}
.page .block-mcglobalmap .exitroute .exit .route .line-japan {
  width: 13vw;
  bottom: 0;
  left: 50%;
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 0% 100%;
}
.page .block-mcglobalmap .exitroute .exit .route .line-europe {
  width: 3.4vw;
  bottom: 0;
  right: 4px;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.page .block-mcglobalmap .exitroute .exit .route .line-middleeast {
  width: 14vw;
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.page .block-mcglobalmap .exitroute .exit .route .line-malaysia {
  width: 3.3vw;
  top: 10%;
  right: 10%;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.page .block-mcglobalmap .exitroute .exit .japan {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 64%;
  right: 22.5%;
  z-index: 99;
}
.page .block-mcglobalmap .exitroute .exit .japan .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.page .block-mcglobalmap .exitroute .exit .japan .site {
  width: auto;
  height: auto;
  position: absolute;
  top: -20%;
  left: 170%;
  white-space: nowrap;
}
.page .block-mcglobalmap .exitroute .exit .japan .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.page .block-mcglobalmap .exitroute .exit .japan .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.page .block-mcglobalmap .exitroute .exit .malaysia {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 18%;
  right: 54.5%;
  z-index: 99;
}
.page .block-mcglobalmap .exitroute .exit .malaysia .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.page .block-mcglobalmap .exitroute .exit .malaysia .site {
  width: auto;
  height: auto;
  position: absolute;
  top: -20%;
  left: 170%;
  white-space: nowrap;
}
.page .block-mcglobalmap .exitroute .exit .malaysia .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.page .block-mcglobalmap .exitroute .exit .malaysia .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.page .block-mcglobalmap .exitroute .exit .europe {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 94.5%;
  right: 55%;
  z-index: 99;
}
.page .block-mcglobalmap .exitroute .exit .europe .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.page .block-mcglobalmap .exitroute .exit .europe .site {
  width: auto;
  height: auto;
  position: absolute;
  top: 0%;
  left: 170%;
  white-space: nowrap;
}
.page .block-mcglobalmap .exitroute .exit .europe .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.page .block-mcglobalmap .exitroute .exit .europe .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.page .block-mcglobalmap .exitroute .exit .middleeast {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 48.5%;
  right: 76%;
  z-index: 99;
}
.page .block-mcglobalmap .exitroute .exit .middleeast .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.page .block-mcglobalmap .exitroute .exit .middleeast .site {
  width: auto;
  height: auto;
  position: absolute;
  text-align: right;
  top: -60%;
  right: 150%;
  white-space: nowrap;
}
.page .block-mcglobalmap .exitroute .exit .middleeast .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.page .block-mcglobalmap .exitroute .exit .middleeast .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
@media screen and (max-width: 1000px) {
  .page .block-mcglobalmap .map {
    display: none;
  }
  .page .block-mcglobalmap .m-map {
    display: block;
  }
  .page .block-mcglobalmap .global {
    width: 100%;
    padding: 5%;
    bottom: unset;
    left: 0;
  }
  .page .block-mcglobalmap .global .tit,
  .page .block-mcglobalmap .global .txt {
    text-align: center;
    padding-right: 0;
  }
  .page .block-mcglobalmap .global .globalbtn {
    justify-content: space-between;
  }
  .page .block-mcglobalmap .global .globalbtn a {
    width: 47%;
    margin-right: 0;
    padding: 2% 6% 2% 3%;
    background: url(/images/mc-global-arrow-hover.png) no-repeat center #45b93c;
    background-size: 15%;
    background-position: 90%;
  }
  .page .block-mcglobalmap .global .globalbtn a .btit {
    line-height: 2;
    color: #fff;
  }
  .page .block-mcglobalmap .global .globalbtn a .btxt {
    display: none;
  }
  .page .block-mcglobalmap .exitroute {
    width: 100%;
    height: 65%;
    bottom: 0%;
  }
  .page .block-mcglobalmap .exitroute .exit .route {
    bottom: 41.5%;
    right: 45.5%;
  }
  .page .block-mcglobalmap .exitroute .exit .route .site {
    top: 30%;
  }
  .page .block-mcglobalmap .exitroute .exit .route .dian {
    transform: scale(0.75);
  }
  .page .block-mcglobalmap .exitroute .exit .route .line-malaysia {
    width: 7.25vw;
    top: 57%;
    right: 34%;
  }
  .page .block-mcglobalmap .exitroute .exit .route .line-japan {
    width: 30.5vw;
    bottom: 25%;
    left: 66%;
  }
  .page .block-mcglobalmap .exitroute .exit .route .line-middleeast {
    width: 29.5vw;
    bottom: 27%;
    right: 38%;
  }
  .page .block-mcglobalmap .exitroute .exit .route .line-europe {
    width: 7.75vw;
    bottom: 34%;
    right: 33%;
  }
  .page .block-mcglobalmap .exitroute .exit .japan {
    bottom: 60.5%;
    right: 15%;
  }
  .page .block-mcglobalmap .exitroute .exit .japan .site {
    top: 140%;
    left: 0;
  }
  .page .block-mcglobalmap .exitroute .exit .japan .dian {
    transform: scale(0.5);
  }
  .page .block-mcglobalmap .exitroute .exit .europe {
    bottom: 91%;
    right: 53%;
  }
  .page .block-mcglobalmap .exitroute .exit .europe .dian {
    transform: scale(0.5);
  }
  .page .block-mcglobalmap .exitroute .exit .middleeast {
    bottom: 45%;
    right: 75%;
  }
  .page .block-mcglobalmap .exitroute .exit .middleeast .site {
    top: 54%;
    left: -165%;
    right: unset;
    text-align: left;
  }
  .page .block-mcglobalmap .exitroute .exit .middleeast .dian {
    transform: scale(0.5);
  }
  .page .block-mcglobalmap .exitroute .exit .malaysia {
    bottom: 13.5%;
    right: 52.5%;
  }
  .page .block-mcglobalmap .exitroute .exit .malaysia .dian {
    transform: scale(0.5);
  }
}
.page .block-mccoop {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 10% 5% 10%;
  z-index: 10;
}
.page .block-mccoop ul {
  padding: 0% 0 6%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2vw 2vw;
}
@media screen and (max-width: 1000px) {
  .page .block-mccoop ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.page .block-mccoop li {
  box-shadow: 0 0 15px 2px rgba(68, 176, 65, 0.2);
  transition: all 0.5s;
}
.page .block-mccoop li a {
  display: block;
  width: 100%;
}
.page .block-mccoop li .icon {
  width: 100%;
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page .block-mccoop li .icon.flex-rev {
  flex-direction: row-reverse;
}
.page .block-mccoop li:hover {
  transform: translateY(-10%);
}
.page .block-mccoop .joinus {
  color: #44b041;
  font-size: 1.04166667vw;
  text-align: center;
  padding: 2% 0 2%;
}
@media screen and (max-width: 1000px) {
  .page .block-mccoop .joinus {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .page .block-mccoop {
    padding: 0 5% 5% 5%;
  }
  .page .block-mccoop ul {
    padding: 6% 0 6%;
  }
}
.page .block-mccontact {
  width: 100%;
  height: auto;
  position: relative;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.page .block-mccontact .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 28vw;
}
.page .block-mccontact .bg img {
  height: 100%;
  object-fit: cover;
}
.page .block-mccontact .titlebox {
  padding-top: 5%;
}
.page .block-mccontact .titlebox .title {
  font-size: 2.5vw;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page .block-mccontact .titlebox .title {
    font-size: 6.4vw;
  }
}
.page .block-mccontact .titlebox .text {
  font-size: 0.9375vw;
  line-height: 2;
  margin-top: 3%;
  padding: 0 25%;
  color: #cccbca;
  text-align: center;
  display: none;
}
@media screen and (max-width: 1000px) {
  .page .block-mccontact .titlebox .text {
    font-size: 3.73333333vw;
  }
}
.page .block-mccontact .contact-region {
  padding: 3% 30% 0;
}
.page .block-mccontact .contact-region ul {
  display: flex;
  align-items: center;
}
.page .block-mccontact .contact-region ul > * {
  flex: 1;
}
.page .block-mccontact .contact-region li {
  cursor: pointer;
  margin: 0 3%;
  font-size: 1.2vw;
  font-weight: bold;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  line-height: 3;
  transition: all 0.5s;
}
.page .block-mccontact .contact-region li:hover,
.page .block-mccontact .contact-region li.now {
  background-color: #45b93c;
}
.page .block-mccontact .contact-center {
  padding: 5% 10% 5%;
  min-height: 13vw;
}
.page .block-mccontact .contact-center ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5vw 5vw;
}
@media screen and (max-width: 1000px) {
  .page .block-mccontact .contact-center ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page .block-mccontact .contact-center li:hover .picbox .pictext {
  background-color: rgba(68, 176, 65, 0.9);
}
.page .block-mccontact .contact-center li:hover .contbox::after {
  left: 0;
  width: 100%;
}
.page .block-mccontact .contact-center .picbox {
  position: relative;
}
.page .block-mccontact .contact-center .picbox .pic {
  width: 100%;
}
.page .block-mccontact .contact-center .picbox .pictext {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 3;
  font-size: 1.2vw;
  padding: 0 10%;
  text-align: center;
  transition: all 0.5s;
}
.page .block-mccontact .contact-center .contbox {
  position: relative;
  font-size: 0.9375vw;
  background-color: #fff;
  padding: 5% 1%;
}
@media screen and (max-width: 1000px) {
  .page .block-mccontact .contact-center .contbox {
    font-size: 3.73333333vw;
  }
}
.page .block-mccontact .contact-center .contbox::after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #44b041;
  transition: all 0.5s;
}
.page .block-mccontact .contact-center .contbox .conttitle {
  display: none;
  font-weight: bold;
  line-height: 2;
}
.page .block-mccontact .contact-center .contbox .contline {
  line-height: 2;
}
.page .block-mccontact .contact-center .contbox .contline span {
  font-weight: bold;
}
.page .block-mccontact .contact-center .contbox i {
  display: inline-block;
  width: 1.2vw;
  height: 1.2vw;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .page .block-mccontact .bg {
    height: 37vw;
  }
  .page .block-mccontact .titlebox .text {
    padding: 0 5%;
  }
  .page .block-mccontact .contact-region {
    padding: 3% 3% 0;
  }
  .page .block-mccontact .contact-region li {
    font-size: 3.73vw;
  }
  .page .block-mccontact .contact-center {
    padding: 15% 5% 5%;
  }
  .page .block-mccontact .contact-center ul {
    gap: 4vw 0;
  }
  .page .block-mccontact .contact-center li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  .page .block-mccontact .contact-center li.flex-rev {
    flex-direction: row-reverse;
  }
  .page .block-mccontact .contact-center li .picbox {
    width: 33%;
  }
  .page .block-mccontact .contact-center li .picbox .pictext {
    display: none;
  }
  .page .block-mccontact .contact-center li .contbox {
    width: 67%;
    padding: 0 0 0 2%;
  }
  .page .block-mccontact .contact-center li .contbox::after {
    display: none;
  }
  .page .block-mccontact .contact-center li .contbox .conttitle {
    display: block;
    line-height: unset;
  }
  .page .block-mccontact .contact-center li .contbox .contline {
    line-height: 1.5;
  }
  .page .block-mccontact .contact-center li .contbox .contline i {
    display: none;
  }
  .page .block-mccontact .contact-center li .contbox i {
    width: 3.7vw;
    height: 3.7vw;
  }
}
.page .banner-productdetail {
  width: 100%;
  height: auto;
  position: relative;
}
.page .banner-productdetail .banner-bg {
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .page .banner-productdetail .banner-bg {
    height: 56.25vw;
  }
  .page .banner-productdetail .banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
  }
}
.page .banner-productdetail .banner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page .banner-productdetail .banner-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page .banner-productdetail .banner-titlebox .banner-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page .banner-productdetail .banner-titlebox .banner-entitle {
    font-size: 4vw;
  }
}
.page .banner-productdetail .banner-titlebox .banner-title {
  color: #231f20;
  font-size: 2.5vw;
}
@media screen and (max-width: 1000px) {
  .page .banner-productdetail .banner-titlebox .banner-title {
    font-size: 6.4vw;
  }
}
.page .banner-productdetail .titlebox {
  position: absolute;
  width: 100%;
  top: 15%;
  text-align: center;
}
.page .banner-productdetail .titlebox .title {
  display: inline-block;
  position: relative;
  font-size: 1.66666667vw;
  padding-bottom: 1.5%;
  color: #302f2b;
}
@media screen and (max-width: 1000px) {
  .page .banner-productdetail .titlebox .title {
    font-size: 4.26666667vw;
  }
}
.page .banner-productdetail .titlebox .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 20%;
  left: 50%;
  transform: translate(-50%, -1.5px);
  background-color: #302f2b;
}
.page .banner-productdetail .titlebox .title2 {
  margin-top: 2%;
  font-size: 3.02083333vw;
}
@media screen and (max-width: 1000px) {
  .page .banner-productdetail .titlebox .title2 {
    font-size: 5.6vw;
  }
}
.page .banner-productdetail .titlebox .description {
  margin-top: 2%;
  font-size: 1.25vw;
  padding: 0 30%;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page .banner-productdetail .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.page .banner-productdetail .titlepic {
  position: absolute;
  width: 60%;
  left: 20%;
  top: 60%;
  text-align: center;
  z-index: 1;
  transition: all 0.5s;
}
.page .banner-productdetail .titlepic:hover {
  transform: scale(1.05);
}
@media screen and (max-width: 1000px) {
  .page .banner-productdetail .banner-bg {
    height: 75vw;
  }
  .page .banner-productdetail .titlebox .title {
    padding-bottom: 3%;
  }
  .page .banner-productdetail .titlebox .title::after {
    width: 40%;
  }
  .page .banner-productdetail .titlebox .description {
    padding: 0 10%;
  }
  .page .banner-productdetail .titlepic {
    width: 70%;
    left: 15%;
    top: 70%;
  }
}
.page .block-productdetailmaterial {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  width: 100%;
  height: auto;
  position: relative;
  background-image: url("/images/pd-material-bg.jpg");
  background-position: left top;
}
.page .block-productdetailmaterial .titlebox {
  padding: 15% 0 10%;
  left: 0;
  width: 100%;
  text-align: center;
}
.page .block-productdetailmaterial .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailmaterial .titlebox .title {
    font-size: 5.6vw;
  }
}
.page .block-productdetailmaterial .titlebox .title span {
  font-weight: bold;
}
.page .block-productdetailmaterial .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailmaterial .titlebox .description {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailmaterial .titlebox {
    padding: 15% 0 15%;
  }
  .page .block-productdetailmaterial .titlebox .title {
    padding: 0%;
  }
  .page .block-productdetailmaterial .titlebox .description {
    padding: 2% 5%;
  }
}
.page .block-productdetailquality {
  width: 100%;
  height: auto;
  display: none;
}
.page .block-productdetailquality .cutNav {
  width: 100%;
  height: auto;
  background: #fff;
}
.page .block-productdetailquality .cutNav ul {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page .block-productdetailquality .cutNav li {
  width: auto;
  height: auto;
  padding: 0 3%;
}
.page .block-productdetailquality .cutNav li a {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25% 0;
  position: relative;
  box-sizing: border-box;
}
.page .block-productdetailquality .cutNav li a::before {
  content: '';
  width: 0%;
  height: 2px;
  background: #45b93c;
  position: absolute;
  bottom: 0;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
  transition: all 0.5s;
}
.page .block-productdetailquality .cutNav li.now a::before {
  width: 100%;
  opacity: 1;
}
.page .block-productdetailquality .cutNav li a:hover::before {
  width: 100%;
  opacity: 1;
}
.page .block-productdetailquality .cutNav li a .icon {
  width: 3vw;
  height: auto;
}
.page .block-productdetailquality .cutNav li a .icon img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: 0.7;
  transition: all 0.5s;
}
.page .block-productdetailquality .cutNav li.now a .icon img {
  filter: none;
  opacity: 1;
}
.page .block-productdetailquality .cutNav li a:hover .icon img {
  filter: none;
  opacity: 1;
}
.page .block-productdetailquality .cutNav li a .tit {
  font-size: 17px;
  line-height: 1;
  padding-top: 5%;
  box-sizing: border-box;
  color: #969495;
  transition: all 0.5s;
  text-align: center;
}
.page .block-productdetailquality .cutNav li.now a .tit {
  color: #45b93c;
}
.page .block-productdetailquality .cutNav li a:hover .tit {
  color: #45b93c;
}
.page .block-productdetailquality .qualitybox {
  width: 100%;
  height: auto;
}
.page .block-productdetailquality .qualitybox ul {
  width: 100%;
  height: auto;
}
.page .block-productdetailquality .qualitybox li {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  display: none;
  z-index: 9;
}
.page .block-productdetailquality .qualitybox li .qualitycont {
  width: 100%;
  padding: 5% 15%;
  height: auto;
  visibility: visible;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-name: fadeInUp;
}
.page .block-productdetailquality .qualitybox li.now {
  display: block;
}
.page .block-productdetailquality .qualitybox li .textcont {
  width: 100%;
  height: auto;
  padding: 0 10%;
  box-sizing: border-box;
}
.page .block-productdetailquality .qualitybox li .textcont .title {
  font-size: 2.5vw;
  color: #090304;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailquality .qualitybox li .textcont .title {
    font-size: 6.4vw;
  }
}
.page .block-productdetailquality .qualitybox li .textcont .title span {
  color: #45b93c;
}
.page .block-productdetailquality .qualitybox li .textcont .tit1 {
  font-size: 1.5625vw;
  color: #c3c3c3;
  text-align: center;
  line-height: 2;
  padding: 1% 0;
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailquality .qualitybox li .textcont .tit1 {
    font-size: 4vw;
  }
}
.page .block-productdetailquality .qualitybox li .textcont .txt {
  font-size: 0.9375vw;
  color: #3a3536;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailquality .qualitybox li .textcont .txt {
    font-size: 3.73333333vw;
  }
}
.page .block-productdetailquality .qualitybox li .textcont .pic {
  width: 100%;
  height: auto;
  padding-top: 5%;
}
.page .block-productdetailquality .qualitybox li .textcont .pic img {
  width: auto;
  margin: auto;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.page .block-productdetailquality .qualitybox li .bceffect {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.page .block-productdetailquality .qualitybox li .bceffect img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all 0.5s;
}
.page .block-productdetailquality .qualitybox li:hover .bceffect img {
  transform: scale(1.1);
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailquality .cutNav li a {
    padding: 8% 0;
  }
  .page .block-productdetailquality .cutNav li a .icon {
    width: 9vw;
  }
  .page .block-productdetailquality .cutNav li a .tit {
    font-size: 13px;
  }
  .page .block-productdetailquality .qualitybox li {
    animation-name: none;
    padding: 5%;
  }
  .page .block-productdetailquality .qualitybox li .qualitycont {
    padding: 5% 5%;
  }
  .page .block-productdetailquality .qualitybox li .textcont {
    padding: 0;
  }
  .page .block-productdetailquality .qualitybox li .textcont .pic {
    padding: 5% 15% 0;
  }
  .page .block-productdetailquality .qualitybox li .textcont .tit1 {
    line-height: 1.5;
  }
  .page .block-productdetailquality .qualitybox li .bceffect {
    top: 81%;
  }
}
.page .block-productdetailcert {
  width: 100%;
  height: auto;
  display: none;
  background: url("/images/pd-cert-bg.jpg") no-repeat left top / cover;
  padding: 7% 0;
}
.page .block-productdetailcert .titlebox {
  width: 100%;
  text-align: center;
}
.page .block-productdetailcert .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailcert .titlebox .title {
    font-size: 6.4vw;
  }
}
.page .block-productdetailcert .titlebox .title span {
  font-weight: bold;
}
.page .block-productdetailcert .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailcert .titlebox .description {
    font-size: 3.2vw;
  }
}
.page .block-productdetailcert .certlist {
  margin-top: 2%;
  padding: 0 12%;
}
.page .block-productdetailcert .certlist ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 3vw;
}
.page .block-productdetailcert .certlist ul.flex-rev {
  flex-direction: row-reverse;
}
.page .block-productdetailcert .certlist li .icon {
  box-shadow: 0 0 20px 5px #cbcbcb;
  transition: all 0.5s;
  width: 100%;
}
.page .block-productdetailcert .certlist li:hover .icon {
  transform: translateY(-10%);
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailcert .titlebox .description {
    padding: 2% 5%;
    line-height: 1.5;
  }
  .page .block-productdetailcert .certlist ul {
    flex-wrap: wrap;
  }
  .page .block-productdetailcert .certlist li {
    width: 30%;
  }
}
.page .block-productdetailstyle {
  width: 100%;
  height: auto;
  display: none;
  background-color: #f8f8f8;
}
.page .block-productdetailstyle .titlebox {
  width: 100%;
  text-align: center;
  padding: 6% 0 3%;
}
.page .block-productdetailstyle .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailstyle .titlebox .title {
    font-size: 6.4vw;
  }
}
.page .block-productdetailstyle .titlebox .title span {
  font-weight: bold;
}
.page .block-productdetailstyle .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailstyle .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.page .block-productdetailstyle .style-slide {
  position: relative;
  margin: 0% 8% 0;
}
.page .block-productdetailstyle .style-slide .pic {
  width: 100%;
  height: auto;
}
.page .block-productdetailstyle .style-slide .swiper-slide-prev,
.page .block-productdetailstyle .style-slide .swiper-slide-next {
  position: relative;
}
.page .block-productdetailstyle .style-slide .swiper-slide-prev::before,
.page .block-productdetailstyle .style-slide .swiper-slide-next::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.page .block-productdetailstyle .style-slide .style-button-prev,
.page .block-productdetailstyle .style-slide .style-button-next {
  position: absolute;
  top: 0%;
  width: 30%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.page .block-productdetailstyle .style-slide .style-button-prev .icon,
.page .block-productdetailstyle .style-slide .style-button-next .icon {
  width: 20%;
  max-width: 100px;
}
.page .block-productdetailstyle .style-slide .style-button-prev .micon,
.page .block-productdetailstyle .style-slide .style-button-next .micon {
  width: 50%;
  padding: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
.page .block-productdetailstyle .style-slide .style-button-prev {
  left: 0%;
}
.page .block-productdetailstyle .style-slide .style-button-next {
  right: 0%;
}
.page .block-productdetailstyle .swiper-pagination-custom li {
  padding: 2% 30% 8%;
  display: none;
  text-align: center;
  font-size: 1.25vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailstyle .swiper-pagination-custom li {
    font-size: 3.73333333vw;
  }
}
.page .block-productdetailstyle .swiper-pagination-custom li.now {
  display: block;
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailstyle .titlebox .description {
    padding: 2% 5%;
    line-height: 1.5;
  }
  .page .block-productdetailstyle .style-slide {
    margin: 3% 0 0;
  }
  .page .block-productdetailstyle .style-slide .style-button-prev,
  .page .block-productdetailstyle .style-slide .style-button-next {
    width: 20%;
  }
  .page .block-productdetailstyle .style-slide .style-button-prev .icon,
  .page .block-productdetailstyle .style-slide .style-button-next .icon {
    display: none;
  }
  .page .block-productdetailstyle .style-slide .style-button-prev .micon,
  .page .block-productdetailstyle .style-slide .style-button-next .micon {
    display: flex;
    flex-direction: row;
  }
  .page .block-productdetailstyle .style-slide .style-button-prev .micon.flex-rev,
  .page .block-productdetailstyle .style-slide .style-button-next .micon.flex-rev {
    flex-direction: row-reverse;
  }
  .page .block-productdetailstyle .swiper-pagination-custom li {
    padding: 2% 5% 8%;
  }
}
.page .block-productdetailcolor {
  position: relative;
  padding-bottom: 5%;
}
.page .block-productdetailcolor .titlebox {
  width: 100%;
  text-align: center;
  background-color: #fff;
  padding: 6% 0 3%;
}
.page .block-productdetailcolor .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailcolor .titlebox .title {
    font-size: 5.6vw;
  }
}
.page .block-productdetailcolor .titlebox .title span {
  font-weight: bold;
}
.page .block-productdetailcolor .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailcolor .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.page .block-productdetailcolor .color-slide {
  position: relative;
  margin: 0 12%;
}
.page .block-productdetailcolor .color-slide .pic {
  width: 100%;
  height: auto;
  border-radius: 7px;
}
.page .block-productdetailcolor .color-slide .pic img {
  border-radius: 4px;
}
.page .block-productdetailcolor .color-slide .swiper-pagination-custom {
  height: 4.5vw;
  margin: 0 auto;
  width: 100%;
  max-width: 41vw;
  margin-top: 4%;
  z-index: 10;
}
.page .block-productdetailcolor .color-slide .swiper-pagination-custom ul {
  overflow-x: scroll;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.page .block-productdetailcolor .color-slide .swiper-pagination-custom ul::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.page .block-productdetailcolor .color-slide .swiper-pagination-custom li {
  flex-shrink: 0;
  width: 6vw;
  margin: 0 1%;
  border-radius: 6px;
  padding: 2px;
  border: 2px solid transparent;
}
.page .block-productdetailcolor .color-slide .swiper-pagination-custom li.now {
  border: 2px solid #44b041;
}
.page .block-productdetailcolor .color-button {
  position: absolute;
  width: 100%;
  display: flex;
  bottom: 14%;
  box-sizing: border-box;
  justify-content: space-between;
}
.page .block-productdetailcolor .color-button .color-button-prev,
.page .block-productdetailcolor .color-button .color-button-next {
  position: absolute;
  cursor: pointer;
  width: 10%;
  height: 100%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page .block-productdetailcolor .color-button .color-button-prev .icon,
.page .block-productdetailcolor .color-button .color-button-next .icon {
  width: 40%;
}
.page .block-productdetailcolor .color-button .color-button-prev {
  left: 12%;
}
.page .block-productdetailcolor .color-button .color-button-next {
  right: 12%;
}
@media screen and (max-width: 1000px) {
  .page .block-productdetailcolor {
    padding-bottom: 10%;
  }
  .page .block-productdetailcolor .titlebox {
    padding: 15% 0 6%;
  }
  .page .block-productdetailcolor .titlebox .description {
    padding: 2% 10%;
  }
  .page .block-productdetailcolor .color-slide .swiper-pagination-custom {
    max-width: 39vw;
    height: 8vw;
  }
  .page .block-productdetailcolor .color-slide .swiper-pagination-custom li {
    width: 12vw;
  }
  .page .block-productdetailcolor .color-button {
    bottom: 16vw;
  }
  .page .block-productdetailcolor .color-button .color-button-prev .icon,
  .page .block-productdetailcolor .color-button .color-button-next .icon {
    width: 60%;
  }
}
.page .block-respadvantage {
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page .block-respadvantage .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page .block-respadvantage .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page .block-respadvantage .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page .block-respadvantage .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page .block-respadvantage .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page .block-respadvantage .list {
  margin: 3% 0;
}
.page .block-respadvantage .list ul {
  display: flex;
  justify-content: space-between;
  padding: 0 35%;
}
.page .block-respadvantage .list li {
  cursor: pointer;
  text-align: center;
  color: #adadad;
}
.page .block-respadvantage .list li .num {
  display: inline-block;
  font-family: gilroy_bold;
  font-size: 2.08333333vw;
  padding-bottom: 3%;
  border-bottom: 3px solid #adadad;
}
@media screen and (max-width: 1000px) {
  .page .block-respadvantage .list li .num {
    font-size: 5.33333333vw;
  }
}
.page .block-respadvantage .list li .txt {
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .page .block-respadvantage .list li .txt {
    font-size: 4vw;
  }
}
.page .block-respadvantage .list li:hover,
.page .block-respadvantage .list li.now {
  color: #44b041;
}
.page .block-respadvantage .list li:hover .num,
.page .block-respadvantage .list li.now .num {
  border-bottom: 3px solid #44b041;
}
.page .block-respadvantage .piclist ul {
  margin: 0 8%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.page .block-respadvantage .piclist ul.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .page .block-respadvantage .piclist ul {
    flex-direction: column;
  }
  .page .block-respadvantage .piclist ul.flex-rev {
    flex-direction: column-reverse;
  }
}
.page .block-respadvantage .piclist li {
  flex: 1;
}
.page .block-respadvantage .piclist li .imgbox {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.page .block-respadvantage .piclist li .imgbox .imgcont {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #44b041;
  color: #fff;
  transition: all 0.5s;
}
.page .block-respadvantage .piclist li .imgbox .contbox {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page .block-respadvantage .piclist li .imgbox .contbox .img {
  height: 4vw;
  max-height: 75px;
  width: auto;
  max-width: unset;
}
.page .block-respadvantage .piclist li .imgbox .contbox .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page .block-respadvantage .piclist li .imgbox .contbox .tit {
  position: relative;
  margin-top: 2%;
  font-size: 1.5625vw;
  padding-bottom: 2%;
}
@media screen and (max-width: 1000px) {
  .page .block-respadvantage .piclist li .imgbox .contbox .tit {
    font-size: 4.66666667vw;
  }
}
.page .block-respadvantage .piclist li .imgbox .contbox .tit::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 30%;
  height: 3px;
  background-color: #fff;
  left: 35%;
}
.page .block-respadvantage .piclist li .imgbox .contbox .txt {
  margin-top: 2%;
  padding: 0 10%;
  font-size: 0.83333333vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page .block-respadvantage .piclist li .imgbox .contbox .txt {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .page .block-respadvantage .list {
    margin: 4% 0 1%;
  }
  .page .block-respadvantage .list ul {
    padding: 0 10%;
  }
  .page .block-respadvantage .piclist ul {
    margin: 0;
  }
  .page .block-respadvantage .piclist li {
    padding: 2.5% 5%;
  }
  .page .block-respadvantage .piclist li .imgbox {
    min-height: 85vw;
  }
  .page .block-respadvantage .piclist li .imgbox .imgcont {
    position: relative;
    box-sizing: border-box;
    padding: 10% 0;
  }
  .page .block-respadvantage .piclist li .imgbox .imgcont .img {
    height: 12vw;
  }
  .page .block-respadvantage .piclist li .imgbox .contbox .txt {
    padding: 0 5%;
  }
}
.page .block-respcharity {
  background-color: #f5fcf6;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page .block-respcharity .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page .block-respcharity .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page .block-respcharity .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page .block-respcharity .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page .block-respcharity .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page .block-respcharity .block-titlebox .block-subtitle {
  margin-top: 2%;
  color: #cacdca;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .page .block-respcharity .block-titlebox .block-subtitle {
    font-size: 4vw;
  }
}
.page .block-respcharity .charitylist {
  width: 100%;
  height: auto;
  margin: auto;
  overflow: hidden;
  padding: 5% 0 5% 12%;
}
.page .block-respcharity .charitylist .scrollbox {
  width: 100%;
  height: auto;
  margin: auto;
  overflow-y: hidden;
  box-sizing: border-box;
  padding-bottom: 36px;
  overflow-x: scroll;
  align-items: center;
  display: flex;
}
.page .block-respcharity .charitylist .scrollbox::-webkit-scrollbar {
  width: 10px;
  height: 6px;
}
.page .block-respcharity .charitylist .scrollbox::-webkit-scrollbar-thumb {
  background-color: #45b93c;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
.page .block-respcharity .charitylist .scrollbox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgb(0 0 0%);
  background: #cecdce;
}
.page .block-respcharity .charitylist .scrollbox ul {
  display: flex;
}
.page .block-respcharity .charitylist .scrollbox ul > * {
  display: block;
  flex-shrink: 0;
}
.page .block-respcharity .charitylist .scrollbox li {
  width: 30vw;
  height: auto;
  display: inline-block;
  margin-right: 15px;
  position: relative;
}
.page .block-respcharity .charitylist .scrollbox .cont {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 0.72916667vw;
  line-height: 1.5;
  padding: 2% 5%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1000px) {
  .page .block-respcharity .charitylist .scrollbox .cont {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1000px) {
  .page .block-respcharity .charitylist .scrollbox li {
    width: 60vw;
  }
}
.page .block-respparty {
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page .block-respparty .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page .block-respparty .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page .block-respparty .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page .block-respparty .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page .block-respparty .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page .block-respparty .block-titlebox .block-description {
  padding: 2% 20%;
  font-size: 1.04166667vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page .block-respparty .block-titlebox .block-description {
    font-size: 3.73333333vw;
  }
}
.page .block-respparty .partylist {
  padding: 2% 7% 5%;
}
.page .block-respparty .partylist .imgbox {
  margin: 5%;
  padding-bottom: 10%;
}
.page .block-respparty .partylist .imgbox .img {
  position: relative;
  width: 100%;
}
.page .block-respparty .partylist .imgbox .img::before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 0;
  width: 100%;
  background-color: #44b041;
  transition: all 0.5s;
}
.page .block-respparty .partylist .imgbox .cont .cont-tit {
  margin-top: 3%;
  line-height: 1.5;
  font-size: 1.25vw;
  font-weight: bold;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page .block-respparty .partylist .imgbox .cont .cont-tit {
    font-size: 4.53333333vw;
  }
}
.page .block-respparty .partylist .imgbox .cont .cont-txt {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: #8f8e8e;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .page .block-respparty .partylist .imgbox .cont .cont-txt {
    font-size: 3.73333333vw;
  }
}
.page .block-respparty .partylist .imgbox .cont .cont-date {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: #8f8e8e;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .page .block-respparty .partylist .imgbox .cont .cont-date {
    font-size: 3.46666667vw;
  }
}
.page .block-respparty .partylist .imgbox:hover .img::before {
  height: 10px;
}
.page .block-respparty .partylist .imgbox:hover .cont-tit {
  color: #44b041;
}
.page .block-respparty .partylist .imgbox:hover .cont-txt {
  color: #090304;
}
.page .block-respparty .partylist .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page .block-respparty .partylist .swiper-pagination-bullet {
  width: 0.42vw;
  height: 0.42vw;
  margin: 0 0.42vw;
}
.page .block-respparty .partylist .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.84vw;
  height: 0.84vw;
  background: #44b041;
}
@media screen and (max-width: 1000px) {
  .page .block-respparty .partylist {
    padding: 5%;
  }
  .page .block-respparty .partylist .swiper-pagination-bullet {
    width: 1.86vw;
    height: 1.86vw;
    margin: 0 1.86vw;
  }
  .page .block-respparty .partylist .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 3.73vw;
    height: 3.73vw;
  }
  .page .block-respparty .partylist .imgbox:hover .img::before {
    height: 5px;
  }
  .page .block-respparty .partylist .imgbox .cont .cont-txt {
    margin-top: 0;
  }
}
@media screen and (max-width: 1000px) {
  .page .block-respparty .block-titlebox .block-description {
    padding: 2% 5%;
  }
}
.page .block-talentidea {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background: url('/images/talent-bg1.jpg') no-repeat left bottom;
  background-size: contain;
}
.page .block-talentidea .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page .block-talentidea .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page .block-talentidea .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page .block-talentidea .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page .block-talentidea .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page .block-talentidea .block-titlebox .block-description {
  margin-top: 1%;
  color: #cacdca;
  font-size: 1.5625vw;
}
.page .block-talentidea .list {
  padding: 5% 11% 23%;
  text-align: center;
}
.page .block-talentidea .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .page .block-talentidea .list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page .block-talentidea .list li {
  color: #090304;
  margin-top: 5%;
  transition: all 0.5s;
}
.page .block-talentidea .list li .icon {
  height: 1.14583333vw;
  background: url('/images/icon-quote.png') no-repeat center center / 5%;
  opacity: 0;
  margin-bottom: 2%;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page .block-talentidea .list li .icon {
    height: 2.93333333vw;
  }
}
.page .block-talentidea .list li .tit {
  display: inline-block;
  font-size: 1.66666667vw;
  padding-bottom: 2%;
  border-bottom: 1px solid #b5b4b3;
}
@media screen and (max-width: 1000px) {
  .page .block-talentidea .list li .tit {
    font-size: 4.66666667vw;
  }
}
.page .block-talentidea .list li .txt {
  padding-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page .block-talentidea .list li .txt {
    font-size: 3.46666667vw;
  }
}
.page .block-talentidea .list li:hover {
  color: #44b041;
}
.page .block-talentidea .list li:hover .icon {
  opacity: 1;
}
.page .block-talentidea .list li:hover .tit {
  border-bottom-color: #44b041;
}
@media screen and (max-width: 1000px) {
  .page .block-talentidea .list {
    padding: 5% 4% 23%;
  }
}
.page .block-talentenviroment {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page .block-talentenviroment .block-titlebox .block-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .page .block-talentenviroment .block-titlebox .block-description {
    font-size: 4vw;
  }
}
.page .block-talentenviroment .list {
  margin: 5% 8%;
  display: flex;
}
.page .block-talentenviroment .list ul {
  flex: 1;
}
.page .block-talentenviroment .list.grid1x2 ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.page .block-talentenviroment .list.grid2x2 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.page .block-talentenviroment .list.grid4x2 ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media screen and (max-width: 1000px) {
  .page .block-talentenviroment .list.grid4x2 {
    flex-direction: column;
  }
  .page .block-talentenviroment .list.grid4x2 ul:nth-child(2) {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}
.page .block-talentenviroment .list.grid3x3 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.page .block-talentenviroment .list.grid4x4 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .page .block-talentenviroment .list.grid4x4 ul:nth-child(2) {
    flex-direction: column;
  }
  .page .block-talentenviroment .list.grid4x4 ul:nth-child(2) ul:nth-child(2) {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 1fr);
  }
}
.page .block-talentenviroment .list ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.page .block-talentenviroment .list .pictext {
  color: #fff;
  text-align: center;
}
.page .block-talentenviroment .list .pictext .cntitle {
  font-size: 1.45833333vw;
  font-weight: bold;
}
.page .block-talentenviroment .list .pictext .entitle {
  font-size: 1.25vw;
}
.page .block-talentenviroment .list ul:nth-child(2) .pictext .cntitle {
  font-size: 1.45833333vw;
}
.page .block-talentenviroment .list ul:nth-child(2) .pictext .entitle {
  font-size: 1.25vw;
}
@media screen and (max-width: 1000px) {
  .page .block-talentenviroment .list {
    margin: 5% 0 0;
  }
}
.page .block-talentgift {
  width: 100%;
  height: auto;
  position: relative;
  padding: 5% 0 0;
  overflow: hidden;
  background-image: url('/images/talent-bg2.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.page .block-talentgift .block-titlebox .block-title {
  color: #fff;
}
.page .block-talentgift .block-titlebox .block-subtitle {
  color: #fff;
  font-size: 1.5625vw;
  margin-top: 0%;
  opacity: 0.7;
}
@media screen and (max-width: 1000px) {
  .page .block-talentgift .block-titlebox .block-subtitle {
    font-size: 4.93333333vw;
  }
}
.page .block-talentgift .giftlist {
  margin: 5% 12% 6%;
  box-shadow: 0 0 10px 2px #adadad;
}
.page .block-talentgift .giftlist ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1000px) {
  .page .block-talentgift .giftlist ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page .block-talentgift .giftlist .giftbox {
  padding: 10%;
  display: flex;
  flex-direction: column;
  color: #44b041;
  background-color: #fff;
  align-items: center;
  text-align: center;
}
.page .block-talentgift .giftlist .giftbox.flex-rev {
  flex-direction: column-reverse;
}
.page .block-talentgift .giftlist .giftbox .imgbox .img {
  width: 40%;
  max-width: 40px;
  display: inline-flex;
}
.page .block-talentgift .giftlist .giftbox .imgbox .entitle {
  font-family: gilroy_regular;
  font-size: 0.83333333vw;
  text-transform: uppercase;
  padding: 20% 0 0;
}
@media screen and (max-width: 1000px) {
  .page .block-talentgift .giftlist .giftbox .imgbox .entitle {
    display: none;
  }
}
.page .block-talentgift .giftlist .giftbox .imgbox .title {
  font-size: 1.35416667vw;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .page .block-talentgift .giftlist .giftbox .imgbox .title {
    font-size: 4.66666667vw;
  }
}
.page .block-talentgift .giftlist .giftbox .descbox {
  padding: 4% 10% 0;
  font-size: 0.9375vw;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .page .block-talentgift .giftlist .giftbox .descbox {
    font-size: 3.46666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .page .block-talentgift .block-titlebox .block-subtitle {
    margin-top: 0%;
  }
  .page .block-talentgift .giftlist {
    box-shadow: none;
  }
  .page .block-talentgift .giftlist li {
    margin: 5% 0;
    box-shadow: 0 0 5px 2px #dddddd;
  }
  .page .block-talentgift .giftlist .giftbox .descbox {
    padding: 0% 5%;
  }
}
.page .block-talentworking {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page .block-talentworking .block-titlebox .block-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .page .block-talentworking .block-titlebox .block-description {
    font-size: 4vw;
  }
}
.page .block-talentworking .list .pictextwrapper {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  padding: 7% 7%;
}
.page .block-talentworking .list .pictextwrapper .pictextbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page .block-talentworking .list .pictextwrapper .pictextbox {
  width: 60%;
  height: auto;
  position: relative;
  z-index: 1;
}
.page .block-talentworking .list .pictextwrapper .pictextbox .picbox {
  width: 80%;
  height: auto;
  transform: translate(66%, 0%);
  overflow: hidden;
}
.page .block-talentworking .list .pictextwrapper .pictextbox .textbox {
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  padding: 5% 40% 5% 9%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.page .block-talentworking .list .pictextwrapper.textbox-left {
  justify-content: flex-start;
}
.page .block-talentworking .list .pictextwrapper.textbox-left .pictextbox {
  left: 5%;
}
.page .block-talentworking .list .pictextwrapper.textbox-left .pictextbox .textbox {
  padding: 5% 40% 5% 9%;
}
.page .block-talentworking .list .pictextwrapper.textbox-left .pictextbox .picbox {
  transform: translate(86%, 0);
}
.page .block-talentworking .list .pictextwrapper.textbox-left.picbox-up .pictextbox .picbox {
  transform: translate(86%, -10%);
}
.page .block-talentworking .list .pictextwrapper.textbox-left.picbox-down .pictextbox .picbox {
  transform: translate(86%, 10%);
}
.page .block-talentworking .list .pictextwrapper.textbox-right {
  justify-content: flex-end;
}
.page .block-talentworking .list .pictextwrapper.textbox-right .pictextbox {
  right: 5%;
}
.page .block-talentworking .list .pictextwrapper.textbox-right .pictextbox .textbox {
  padding: 5% 9% 5% 40%;
}
.page .block-talentworking .list .pictextwrapper.textbox-right .pictextbox .picbox {
  transform: translate(-66%, 0);
}
.page .block-talentworking .list .pictextwrapper.textbox-right.picbox-up .pictextbox .picbox {
  transform: translate(-66%, -10%);
}
.page .block-talentworking .list .pictextwrapper.textbox-right.picbox-down .pictextbox .picbox {
  transform: translate(-66%, 10%);
}
.page .block-talentworking .list .pictextwrapper .sub-titlebox {
  align-self: flex-start;
  text-align: left;
}
.page .block-talentworking .list .pictextwrapper .sub-titlebox .sub-entitle {
  font-family: gilroy_bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #44b041;
  font-size: 0.9375vw;
}
@media screen and (max-width: 1000px) {
  .page .block-talentworking .list .pictextwrapper .sub-titlebox .sub-entitle {
    font-size: 3.2vw;
  }
}
.page .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
  color: #090304;
  font-size: 1.875vw;
  position: relative;
  padding-bottom: 0.5em;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .page .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    color: #44b041;
  }
}
@media screen and (max-width: 1000px) {
  .page .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    font-size: 4.8vw;
  }
}
.page .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 50%;
  height: 0.2vw;
  bottom: 0;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
  transition: all 0.5s;
}
.page .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title:hover::after {
  width: 100%;
  height: 0.2vw;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
}
.page .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span {
  color: #44b041;
}
.page .block-talentworking .list .pictextwrapper .sub-contentbox {
  font-size: 1.25vw;
  color: #5b5857;
  margin-top: 10%;
  align-self: flex-start;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .page .block-talentworking .list .pictextwrapper .sub-contentbox {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 1000px) {
  .page .block-talentworking .list .pictextwrapper {
    padding: 0;
    margin: 5% 0;
  }
  .page .block-talentworking .list .pictextwrapper .pictextbox {
    left: unset !important;
    right: unset !important;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }
  .page .block-talentworking .list .pictextwrapper .pictextbox .picbox {
    transform: none !important;
    padding: 0 5% 5%;
    width: 100%;
    background: linear-gradient(#f9f9f9, #fff);
  }
  .page .block-talentworking .list .pictextwrapper .pictextbox .textbox {
    position: static;
    padding: 8% 5% 5% 5% !important;
  }
  .page .block-talentworking .list .pictextwrapper .sub-titlebox {
    align-self: center;
    text-align: center;
  }
  .page .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    position: relative;
    padding-bottom: 0.5em;
    display: inline-block;
  }
  .page .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title::after {
    position: absolute;
    content: "";
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .page .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title:hover::after {
    width: 50%;
    height: 1px;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
  }
  .page .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span {
    position: relative;
    padding-bottom: 2%;
    display: inline-block;
  }
  .page .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    bottom: 0;
    left: 50%;
    background-color: #fff;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .page .block-talentworking .list .pictextwrapper .sub-contentbox {
    margin-top: 5%;
    align-self: center;
  }
}
.page .block-jobnotice {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fafafa;
}
.page .block-jobnotice.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .page .block-jobnotice {
    flex-direction: column;
  }
  .page .block-jobnotice.flex-rev {
    flex-direction: column-reverse;
  }
}
.page .block-jobnotice .noticebox {
  flex: 3;
  padding: 5% 12%;
}
.page .block-jobnotice .noticebox .sub-titlebox {
  font-size: 1.875vw;
  font-weight: bold;
  position: relative;
  padding-bottom: 2%;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .page .block-jobnotice .noticebox .sub-titlebox {
    font-size: 4.8vw;
  }
}
.page .block-jobnotice .noticebox .sub-titlebox::after {
  position: absolute;
  content: "";
  width: 50%;
  height: 0.15vw;
  bottom: 0;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
  transition: all 0.5s;
}
.page .block-jobnotice .noticebox .sub-titlebox:hover::after {
  width: 100%;
  height: 0.15vw;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
}
.page .block-jobnotice .noticebox .sub-descbox {
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
}
.linkgreen2 {
  color:#44b041;
  font-weight: bold;
  text-decoration: underline;
}
.linkgreen2:hover {
  color:#87c135;
}
@media screen and (max-width: 1000px) {
  .page .block-jobnotice .noticebox .sub-descbox {
    font-size: 3.73333333vw;
  }
}
.page .block-jobnotice .noticebox .sub-descbox span {
  color: #44b041;
}
.page .block-jobnotice .img {
  flex: 2;
}
@media screen and (max-width: 1000px) {
  .page .block-jobnotice .noticebox {
    padding: 10% 12% 5% 12%;
  }
  .page .block-jobnotice .noticebox .sub-titlebox {
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 3%;
    display: inline-block;
  }
  .page .block-jobnotice .noticebox .sub-titlebox::after {
    position: absolute;
    content: "";
    width: 2em;
    height: 0.5vw;
    bottom: 0;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .page .block-jobnotice .noticebox .sub-titlebox:hover::after {
    width: 2em;
    height: 0.5vw;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
  }
  .page .block-jobnotice .img {
    display: none;
  }
}
.page .block-jobjob {
  width: 100%;
  height: auto;
  padding: 5% 12%;
  background-color: #f6f6f7;
}
.page .block-jobjob .arealist {
  display: flex;
  flex-direction: row;
}
.page .block-jobjob .arealist.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .page .block-jobjob .arealist {
    flex-direction: column;
  }
  .page .block-jobjob .arealist.flex-rev {
    flex-direction: column-reverse;
  }
}
.page .block-jobjob .arealist .area-title {
  font-size: 1.14583333vw;
  color: #44b041;
  padding-right: 5%;
  border-right: 1px solid #d1d1d2;
}
@media screen and (max-width: 1000px) {
  .page .block-jobjob .arealist .area-title {
    font-size: 5.06666667vw;
  }
}
.page .block-jobjob .arealist ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 5%;
}
.page .block-jobjob .arealist ul.flex-rev {
  flex-direction: row-reverse;
}
.page .block-jobjob .arealist li {
  margin-right: 15%;
}
.page .block-jobjob .arealist li.now .areabox .area-name,
.page .block-jobjob .arealist li:hover .areabox .area-name {
  color: #44b041;
}
.page .block-jobjob .arealist li.now .areabox .area-job,
.page .block-jobjob .arealist li:hover .areabox .area-job {
  background-color: #44b041;
  color: #fff;
}
.page .block-jobjob .arealist .areabox {
  display: block;
  position: relative;
}
.page .block-jobjob .arealist .areabox .area-name {
  color: #767676;
  white-space: nowrap;
  padding: 0 0.5em;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .page .block-jobjob .arealist .areabox .area-name {
    font-size: 4vw;
  }
}
.page .block-jobjob .arealist .areabox .area-job {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 1000vw;
  padding: 0 0.3645833333333333vw;
  background-color: #767676;
  color: #fff;
  transform: translate(50%, -50%);
  font-size: 0.72916667vw;
}
@media screen and (max-width: 1000px) {
  .page .block-jobjob .arealist .areabox .area-job {
    font-size: 3.73333333vw;
  }
}
.page .block-jobjob .joblist ul {
  width: 100%;
  padding: 5% 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3vw;
}
.page .block-jobjob .joblist ul li{
  background: #fff;
  box-shadow: 0 0 10px 4px rgb(0 0 0 / 7%);
  transition: all 0.5s;
}
.page .block-jobjob .joblist ul li:hover {
  box-shadow: 0 0 10px 4px rgba(69, 185, 60, 0.3), inset 0 -3px 0 0 #44b041; 
  transform: translateY(-10%);
}
@media screen and (max-width: 1000px) {
  .page .block-jobjob .joblist ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page .block-jobjob .joblist .jobbox {
  /* box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.07); */
  padding: 5%;
  
}

.page .block-jobjob .joblist .jobbox .job-titlebox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 3%;
  border-bottom: 1px solid #efefef;
}
.page .block-jobjob .joblist .jobbox .job-titlebox.flex-rev {
  flex-direction: row-reverse;
}
.page .block-jobjob .joblist .jobbox .job-title {
  font-size: 1.5625vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .page .block-jobjob .joblist .jobbox .job-title {
    font-size: 4vw;
  }
}
.page .block-jobjob .joblist .jobbox .job-area {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.83333333vw;
}
.page .block-jobjob .joblist .jobbox .job-area.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .page .block-jobjob .joblist .jobbox .job-area {
    font-size: 3.2vw;
  }
}
.page .block-jobjob .joblist .jobbox .job-area .marker {
  display: block;
  width: 1em;
  height: 1em;
  max-width: 15px;
  max-height: 17px;
  background: url(/images/mc-mark.png) no-repeat center;
  background-size: contain;
}
.page .block-jobjob .joblist .jobbox .job-area .text {
  font-size: 0.83333333vw;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .page .block-jobjob .joblist .jobbox .job-area .text {
    font-size: 3.2vw;
  }
}
.page .block-jobjob .joblist .jobbox .job-request {
  margin-top: 3%;
  font-size: 0.83333333vw;
  color: #5b5857;
  display: flex;
  flex-direction: row;
  line-height:2;
}
@media screen and (max-width: 1000px) {
  .page .block-jobjob .joblist .jobbox .job-request {
    font-size: 3.73333333vw;
  }
}
.page .block-jobjob .joblist .jobbox .job-request.flex-rev {
  flex-direction: row-reverse;
}
.page .block-jobjob .joblist .jobbox .job-request span {
  height: auto;
  width: 1px;
  background-color: #efefef;
  margin: 0 5%;
}
@media screen and (max-width: 1000px) {
  .page .block-jobjob {
    padding: 5% 5%;
    background-color: #fff;
  }
  .page .block-jobjob .arealist .area-title {
    padding-right: 0%;
    text-align: center;
    border-right: 0;
    display: none;
  }
  .page .block-jobjob .arealist ul {
    flex-wrap: wrap;
    margin: 5% 0% 0%;
  }
  .page .block-jobjob .arealist li {
    margin: 2.5%;
  }
  .page .block-jobjob .arealist li.now .areabox,
  .page .block-jobjob .arealist li:hover .areabox {
    box-sizing: border-box;
    background-color: #daf1d8;
  }
  .page .block-jobjob .arealist li.now .areabox .area-name,
  .page .block-jobjob .arealist li:hover .areabox .area-name {
    color: #44b041;
  }
  .page .block-jobjob .arealist li.now .areabox .area-job,
  .page .block-jobjob .arealist li:hover .areabox .area-job {
    background-color: #44b041;
  }
  .page .block-jobjob .arealist .areabox {
    background-color: #f5f5f5;
    border-radius: 0.05rem;
  }
  .page .block-jobjob .arealist .areabox .area-name {
    padding: 0.5em 0.75em;
    color: #7c7e80;
  }
  .page .block-jobjob .arealist .areabox .area-job {
    background-color: #7c7e80;
    color: #fff;
    box-sizing: border-box;
    line-height: 1.5;
    padding: 0 1.666666666666667vw;
  }
}
.page .banner-contact .map-container {
  width: 100vw;
  height: 56.25vw;
  position: relative;
}
.page .banner-contact .map-container .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 9%;
  background: linear-gradient(to bottom, #fff 0%, #fff 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}
.page .banner-contact .map-container .map-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .page .banner-contact .bg {
    height: 50px;
  }

  .page .banner-contact .map-container {
    height: 100vw;
  }
}
.page .block-contactfindus {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page .block-contactfindus .main-titlebox {
  text-align: center;
}
.page .block-contactfindus .main-titlebox .main-entitle {
  font-family: gilroy_bold;
  letter-spacing: 0.2em;
  font-size: 1.5625vw;
  text-transform: uppercase;
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .page .block-contactfindus .main-titlebox .main-entitle {
    font-size: 4vw;
  }
}
.page .block-contactfindus .main-titlebox .main-title {
  color: #090304;
  font-size: 2.5vw;
}
@media screen and (max-width: 1000px) {
  .page .block-contactfindus .main-titlebox .main-title {
    font-size: 6.4vw;
  }
}
.page .block-contactfindus .main-titlebox .main-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .page .block-contactfindus .main-titlebox .main-description {
    font-size: 4vw;
  }
}
.page .block-contactfindus .list {
  padding: 5% 12%;
}
.page .block-contactfindus .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .page .block-contactfindus .list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page .block-contactfindus .list li {
  padding: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page .block-contactfindus .list li.flex-rev {
  flex-direction: column-reverse;
}
.page .block-contactfindus .list li:hover .icon {
  filter: invert(49%) sepia(26%) saturate(4662%) hue-rotate(85deg) brightness(118%) contrast(52%);
}
.page .block-contactfindus .list li:hover .tit,
.page .block-contactfindus .list li:hover .txt {
  color: #44b041;
}
.page .block-contactfindus .list .icon {
  width: 15%;
}
.page .block-contactfindus .list .tit {
  margin: 3% 0;
  color: #090304;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .page .block-contactfindus .list .tit {
    font-size: 4.66666667vw;
  }
}
.page .block-contactfindus .list .txt {
  text-align: center;
  color: #5b5857;
  font-size: 0.9375vw;
}
@media screen and (max-width: 1000px) {
  .page .block-contactfindus .list .txt {
    font-size: 3.73333333vw;
  }
}
.page .block-contactfindus .list .qrcode {
  width: 38%;
  border: 1px solid #eee;
}
@media screen and (max-width: 1000px) {
  .page .block-contactfindus .list {
    padding: 5%;
  }
  .page .block-contactfindus .list .icon {
    width: 30%;
  }
  .page .block-contactfindus .list .qrcode {
    width: 45%;
  }
}
.page .block-contactsubsidiary {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-color: #f7f7f7;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page .block-contactsubsidiary .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page .block-contactsubsidiary .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page .block-contactsubsidiary .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page .block-contactsubsidiary .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page .block-contactsubsidiary .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page .block-contactsubsidiary .list {
  padding: 5% 5% 0;
}
.page .block-contactsubsidiary .list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1000px) {
  .page .block-contactsubsidiary .list ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page .block-contactsubsidiary .list li {
  margin: 5%;
}
.page .block-contactsubsidiary .list li:nth-of-type(3n) .subsidiarybox {
  border-right: none;
}
.page .block-contactsubsidiary .list .subsidiarybox {
  padding: 0 8.75%;
  margin: 5% 0;
  border-right: 1px solid #eaeaea;
  cursor: pointer;
}
.page .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 3%;
}
.page .block-contactsubsidiary .list .subsidiarybox .sub-titlebox.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .page .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
    flex-direction: row;
  }
  .page .block-contactsubsidiary .list .subsidiarybox .sub-titlebox.flex-rev {
    flex-direction: row-reverse;
  }
}
.page .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title {
  transition: all 0.5s;
  font-size: 1.25vw;
  font-weight: bold;
  color: #090304;
  position: relative;
  padding-bottom: 0.75em;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .page .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title {
    font-size: 4vw;
  }
}
.page .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0%;
  background-color: #d2d2d2;
  transform: translateX(0%);
  transition: all 0.5s;
}
.page .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
  font-size: 1.25vw;
  color: #5b5857;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .page .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 1001px) {
  .page .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
    display: none;
  }
}
.page .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area i {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
.page .block-contactsubsidiary .list .subsidiarybox .sub-descbox {
  transition: all 0.5s;
  font-size: 0.83333333vw;
  line-height: 1.5;
  color: #484848;
}
@media screen and (max-width: 1000px) {
  .page .block-contactsubsidiary .list .subsidiarybox .sub-descbox {
    font-size: 3.73333333vw;
  }
}
.page .block-contactsubsidiary .list .subsidiarybox .sub-descbox p {
  margin: 2% 0;
  line-height: 1.5;
}
.page .block-contactsubsidiary .list .subsidiarybox .sub-descbox i {
  display: inline-block;
  width: 0.8333333333333334vw;
  height: 0.8333333333333334vw;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .page .block-contactsubsidiary .list .subsidiarybox .sub-descbox i {
    display: none;
  }
}
.page .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-title {
  color: #45b93c;
  position: relative;
  padding-bottom: 0.75em;
  display: inline-block;
}
.page .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0%;
  background-color: #45b93c;
  transform: translateX(0%);
  transition: all 0.5s;
}
.page .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-area {
  color: #45b93c;
}
.page .block-contactsubsidiary .list .subsidiarybox:hover .sub-descbox {
  color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .page .block-contactsubsidiary .list li {
    background: #fff;
    margin: 2.5% 0;
    border-right: 0;
  }
  .page .block-contactsubsidiary .list .subsidiarybox {
    padding: 0 5%;
    border-right: 0;
  }
  .page .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
    padding: 0;
    border-bottom: 1px solid #eee;
  }
  .page .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title::after {
    display: none;
  }
}
.page .block-contactservice {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 15% 3.33vw;
  overflow: hidden;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.page .block-contactservice .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.page .block-contactservice .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .page .block-contactservice .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.page .block-contactservice .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .page .block-contactservice .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.page .block-contactservice .list {
  padding: 5% 8%;
}
.page .block-contactservice .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.page .block-contactservice .list li {
  width: 100%;
}
.page .block-contactservice .list li:not(:last-child) {
  border-right: 1px solid #e6e6e6;
}
.page .block-contactservice .list .iconbox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page .block-contactservice .list .iconbox.flex-rev {
  flex-direction: column-reverse;
}
.page .block-contactservice .list .iconbox .icon {
  width: 15%;
}
.page .block-contactservice .list .iconbox .title {
  margin: 3% 0;
  color: #090304;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .page .block-contactservice .list .iconbox .title {
    font-size: 3.46666667vw;
  }
}
.page .block-contactservice .messageform {
  display: flex;
  flex-direction: column;
}
.page .block-contactservice .messageform.flex-rev {
  flex-direction: column-reverse;
}
.page .block-contactservice .messageform ul {
  display: flex;
  flex-direction: row;
  padding: 0 5%;
  justify-content: space-between;
}
.page .block-contactservice .messageform ul.flex-rev {
  flex-direction: row-reverse;
}
.page .block-contactservice .messageform li {
  width: 100%;
  padding: 1.5% 2%;
}
.page .block-contactservice .messageform li input {
  border: 1px solid #d6d6d6;
  width: 100%;
  font-size: 1.14583333vw;
  padding: 3% 5%;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .page .block-contactservice .messageform li input {
    font-size: 2.93333333vw;
  }
}
.page .block-contactservice .messageform li input::placeholder {
  color: #090304;
}
.page .block-contactservice .messageform li select {
  width: 100%;
  padding: 3% 5%;
  border: 1px solid #d6d6d6;
  font-size: 1.14583333vw;
  background: url("/images/icon-select-down.png") no-repeat 95% center #fff;
  background-size: 3%;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .page .block-contactservice .messageform li select {
    font-size: 2.93333333vw;
  }
}
.page .block-contactservice .messageform li textarea {
  width: 100%;
  font-size: 1.14583333vw;
  padding: 1% 2.5%;
  height: 16vw;
  border: 1px solid #d6d6d6;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .page .block-contactservice .messageform li textarea {
    font-size: 2.93333333vw;
  }
}
.page .block-contactservice .messageform li button {
  appearance: none;
  border: 0;
  width: 100%;
  font-size: 1.45833333vw;
  line-height: 2.5;
  background-color: #44b041;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page .block-contactservice .messageform li button {
    font-size: 4.8vw;
  }
}
.page .block-contactservice .messageform input:hover,
.page .block-contactservice .messageform select:hover,
.page .block-contactservice .messageform textarea:hover {
  border: 1px solid #44b041;
}
.page .block-contactservice .messageform button:hover {
  background-color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .page .block-contactservice {
    padding: 5% 0;
  }
  .page .block-contactservice .list {
    padding: 5%;
  }
  .page .block-contactservice .list li:not(:last-child) {
    border-right: 0;
  }
  .page .block-contactservice .list .iconbox .icon {
    width: 40%;
  }
}
.page .banner-searchbox {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0% 26%;
  align-self: flex-start;
}
.page .banner-searchbox .searchbox {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #c3c3c3;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
.page .banner-searchbox .searchbox .search-icon {
  width: 5%;
  max-width: 25px;
  margin: 0 2%;
  transition: all 0.5s;
}
.page .banner-searchbox .searchbox .search-icon img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.page .banner-searchbox .searchbox input#searchq {
  width: 100%;
  font-size: 1.45833333vw;
  color: #484848;
  background: transparent;
  padding: 2% 10% 2% 0;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .page .banner-searchbox .searchbox input#searchq {
    font-size: 5.33333333vw;
  }
}
.page .banner-searchbox .searchbox input#searchq::-weblit-input-placeholder {
  color: #8b8a8a;
}
.page .banner-searchbox .searchbox input.buttonsearch {
  display: block;
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0 2% 0 0;
  background-color: transparent;
  font-size: 1.45833333vw;
  white-space: nowrap;
  transition: all 0.5s;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .page .banner-searchbox .searchbox input.buttonsearch {
    font-size: 5.33333333vw;
  }
}
.page .banner-searchbox .searchbox:hover {
  border-bottom: 1px solid #44b041;
}
.page .banner-searchbox .searchbox:hover .search-icon {
  filter: invert(49%) sepia(73%) saturate(466%) hue-rotate(70deg) brightness(102%) contrast(82%);
}
.page .banner-searchbox .searchbox:hover .buttonsearch {
  color: #44b041;
}
.page .banner-searchbox .result {
  font-size: 1.14583333vw;
  color: #868686;
  padding-top: 1%;
}
@media screen and (max-width: 1000px) {
  .page .banner-searchbox .result {
    font-size: 4.26666667vw;
  }
}
.page .banner-searchbox .result span {
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .page .banner-searchbox {
    padding: 0% 9%;
  }
  .page .banner-searchbox .searchbox .search-icon {
    width: 10%;
  }
}
.company-layer {
  width: 100%;
  height: auto;
  border-bottom: 5px solid #45b93c;
}
@media screen and (max-width: 1000px) {
  .company-layer {
    border-bottom: 3px solid #45b93c;
  }
}
.company-layer .block-aboutgroup {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
}
.company-layer .block-aboutgroup .bgcircle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
}
.company-layer .block-aboutgroup .bgcircle .b1,
.company-layer .block-aboutgroup .bgcircle .b2,
.company-layer .block-aboutgroup .bgcircle .b3,
.company-layer .block-aboutgroup .bgcircle .b4,
.company-layer .block-aboutgroup .bgcircle .b5,
.company-layer .block-aboutgroup .bgcircle .b6,
.company-layer .block-aboutgroup .bgcircle .b7,
.company-layer .block-aboutgroup .bgcircle .b8,
.company-layer .block-aboutgroup .bgcircle .b9,
.company-layer .block-aboutgroup .bgcircle .b10,
.company-layer .block-aboutgroup .bgcircle .b11,
.company-layer .block-aboutgroup .bgcircle .b12 {
  border: 1px solid #efefee;
  border-radius: 50%;
  position: absolute;
}
.company-layer .block-aboutgroup .bgcircle .b1 {
  width: 12vw;
  height: 12vw;
  left: -6vw;
  top: -6vw;
  display: none;
}
.company-layer .block-aboutgroup .bgcircle .b2 {
  width: 24vw;
  height: 24vw;
  left: -12vw;
  top: -12vw;
  border-style: dashed;
}
.company-layer .block-aboutgroup .bgcircle .b3 {
  width: 36vw;
  height: 36vw;
  left: -18vw;
  top: -18vw;
}
.company-layer .block-aboutgroup .bgcircle .b4 {
  width: 48vw;
  height: 48vw;
  animation: clockwise-rotation 10s infinite linear;
  border-style: dashed;
  left: -24vw;
  top: -24vw;
}
.company-layer .block-aboutgroup .bgcircle .b5 {
  width: 60vw;
  height: 60vw;
  animation: clockwise-rotation 15s infinite linear;
  left: -30vw;
  top: -30vw;
}
.company-layer .block-aboutgroup .bgcircle .b6 {
  width: 72vw;
  height: 72vw;
  animation: counterclockwise-rotation 18s infinite linear;
  left: -36vw;
  top: -36vw;
}
.company-layer .block-aboutgroup .bgcircle .b7 {
  width: 84vw;
  height: 84vw;
  animation: counterclockwise-rotation 20s infinite linear;
  border-style: dashed;
  left: -42vw;
  top: -42vw;
}
.company-layer .block-aboutgroup .bgcircle .b8 {
  width: 96vw;
  height: 96vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -48vw;
  top: -48vw;
}
.company-layer .block-aboutgroup .bgcircle .b9 {
  width: 108vw;
  height: 108vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -54vw;
  top: -54vw;
}
.company-layer .block-aboutgroup .bgcircle .b10 {
  width: 120vw;
  height: 120vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -60vw;
  top: -60vw;
}
.company-layer .block-aboutgroup .bgcircle .b11 {
  width: 132vw;
  height: 132vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -66vw;
  top: -66vw;
}
.company-layer .block-aboutgroup .bgcircle .b12 {
  width: 144vw;
  height: 144vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -72vw;
  top: -72vw;
}
.company-layer .block-aboutgroup .bgcircle .b4 .dot {
  position: absolute;
  width: 32px;
  height: 32px;
  top: -16px;
  left: 50%;
  border-radius: 50%;
  background: #efefee;
}
.company-layer .block-aboutgroup .bgcircle .b5 .dot {
  position: absolute;
  width: 19px;
  height: 19px;
  top: -9.5px;
  border-radius: 50%;
  background: #44b041;
  left: 50%;
}
.company-layer .block-aboutgroup .bgcircle .b6 .dot {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #efefee;
  top: -15px;
  left: 50%;
}
.company-layer .block-aboutgroup .bgcircle .b8 .dot {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #44b041;
  top: -12.5px;
  left: 50%;
}
.company-layer .block-aboutgroup .bgcircle .b11 .dot {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #efefee;
  top: -20px;
  left: 50%;
}
.company-layer .block-aboutgroup .tit2 {
  margin-top: 3.75%;
  font-size: 2.5vw;
  font-weight: bold;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutgroup .tit2 {
    font-size: 6.4vw;
  }
}
.company-layer .block-aboutgroup .cont {
  color: rgba(9, 3, 4, 0.8);
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutgroup .cont {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-aboutgroup .recycle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8vw 0 14vw 0;
  width: 100%;
}
.company-layer .block-aboutgroup .recycle span {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutgroup .recycle span {
    font-size: 6.4vw;
  }
}
.company-layer .block-aboutgroup .recycle .icon {
  width: 7%;
  margin: 0 1%;
  position: relative;
}
@keyframes picswitch {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes picswitch1 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.company-layer .block-aboutgroup .recycle .icon .icon-bg {
  animation: picswitch 4s 0s ease infinite;
  background: url("/images/about-recycle.png") no-repeat center center / cover;
}
.company-layer .block-aboutgroup .recycle .icon .icon-bg1 {
  animation: picswitch1 4s 0s ease infinite;
  background: url("/images/about-recycle1.png") no-repeat center center / cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.company-layer .block-aboutgroup .recycle .icon .icon-line1 {
  position: absolute;
  animation: maplinemask 2s infinite linear;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.company-layer .block-aboutgroup .recycle .icon .icon-line2 {
  position: absolute;
  animation: maplinemaskrev 2s infinite linear;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutgroup {
    padding: 7% 0 0;
  }
  .company-layer .block-aboutgroup .bgcircle .dot {
    transform: scale(0.5);
  }
  .company-layer .block-aboutgroup .cont {
    padding: 0 5%;
  }
  .company-layer .block-aboutgroup .recycle {
    margin: 8vw 0 28vw 0;
  }
  .company-layer .block-aboutgroup .recycle .icon {
    width: 20%;
  }
}
.company-layer .block-abouthistory {
  width: 100%;
  height: auto;
  background-color: #fbfbfb;
  position: relative;
  padding: 5vw 0 7vw;
}
.company-layer .block-abouthistory .timeline {
  margin: 5vw 0 0 8.5vw;
}
.company-layer .block-abouthistory .timeline .swiper-slide .year {
  font-family: gilroy_bold;
  font-size: 2.1875vw;
  font-weight: bold;
  color: #44b041;
  margin-left: 6%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-abouthistory .timeline .swiper-slide .year {
    font-size: 8vw;
  }
}
.company-layer .block-abouthistory .timeline .swiper-slide .line {
  height: 4vw;
  display: flex;
  align-items: center;
  background: url('/images/about-timeline-line.png') space no-repeat center center, url('/images/about-timeline-circle.png') no-repeat 5% center;
  background-size: 5%, 6%;
}
.company-layer .block-abouthistory .timeline .swiper-slide .line .circle {
  margin-left: 5%;
  border-radius: 50%;
  display: none;
  width: 1.5vw;
  height: 1.5vw;
  transition: all 0.5s;
  position: relative;
  align-items: center;
  justify-content: center;
}
.company-layer .block-abouthistory .timeline .swiper-slide .line .circle::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(68, 176, 65, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.company-layer .block-abouthistory .timeline .swiper-slide .line .circle::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(68, 176, 65, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.company-layer .block-abouthistory .timeline .swiper-slide ul {
  padding: 0 10% 0 7%;
}
.company-layer .block-abouthistory .timeline .swiper-slide li {
  margin: 10% 0;
}
.company-layer .block-abouthistory .timeline .swiper-slide li:first-child {
  margin-top: 0;
}
.company-layer .block-abouthistory .timeline .swiper-slide .date {
  font-size: 1.14583333vw;
  color: #44b041;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-abouthistory .timeline .swiper-slide .date {
    font-size: 4vw;
  }
}
.company-layer .block-abouthistory .timeline .swiper-slide .text {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: rgba(9, 3, 4, 0.8);
}
@media screen and (max-width: 1000px) {
  .company-layer .block-abouthistory .timeline .swiper-slide .text {
    font-size: 3.46666667vw;
  }
}
.company-layer .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line {
  background-size: 5%, 0%;
}
.company-layer .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line .circle {
  display: flex;
}
.company-layer .block-abouthistory .timeline .swiper-slide:nth-child(1) .line {
  margin-left: 5%;
}
.company-layer .block-abouthistory .timeline .swiper-slide:nth-child(1) .line .circle {
  margin-left: 0;
}
.company-layer .block-abouthistory .timeline .swiper-button {
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  width: 4vw;
  height: 4vw;
  right: 6%;
  top: 2.75vw;
  z-index: 1;
  box-shadow: 0 0 20px 5px rgba(68, 176, 65, 0.5);
}
.company-layer .block-abouthistory .timeline .swiper-button .swiper-button-prev {
  background-image: url('/images/about-timeline-prev.png');
  background-size: 1vw;
  width: 2vw;
  left: unset;
  right: unset;
}
.company-layer .block-abouthistory .timeline .swiper-button .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  background-image: url('/images/about-timeline-prev-disable.png');
}
.company-layer .block-abouthistory .timeline .swiper-button .swiper-button-next {
  background-image: url('/images/about-timeline-next.png');
  background-size: 1vw;
  width: 2vw;
  left: 2vw;
  right: unset;
}
.company-layer .block-abouthistory .timeline .swiper-button .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  background-image: url('/images/about-timeline-next-disable.png');
}
@media screen and (max-width: 1000px) {
  .company-layer .block-abouthistory .timeline {
    margin: 5% 0;
  }
  .company-layer .block-abouthistory .timeline .swiper-slide ul {
    padding: 5% 15% 0% 15%;
  }
  .company-layer .block-abouthistory .timeline .swiper-slide li {
    margin: 10% 0%;
  }
  .company-layer .block-abouthistory .timeline .swiper-slide .line {
    height: 12vw;
    background-size: 2%, 0%;
    justify-content: center;
  }
  .company-layer .block-abouthistory .timeline .swiper-slide .line .circle {
    width: 6vw;
    height: 6vw;
    margin-left: 0%;
  }
  .company-layer .block-abouthistory .timeline .swiper-slide .year {
    text-align: center;
    margin-left: 0%;
  }
  .company-layer .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line {
    background-size: 2%, 0%;
  }
  .company-layer .block-abouthistory .timeline .swiper-slide:nth-child(1) .line {
    margin-left: 0%;
  }
  .company-layer .block-abouthistory .timeline .swiper-button {
    width: 100%;
    height: 12vw;
    border-radius: unset;
    box-shadow: none;
    background-color: unset;
    top: 9.75vw;
    right: unset;
  }
  .company-layer .block-abouthistory .timeline .swiper-button .swiper-button-prev {
    width: 12vw;
    left: 5%;
    background-size: 40%;
  }
  .company-layer .block-abouthistory .timeline .swiper-button .swiper-button-next {
    left: unset;
    width: 12vw;
    right: 5%;
    background-size: 40%;
  }
}
.company-layer .block-aboutcert {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #e9e9e9;
}
.company-layer .block-aboutcert .bg {
  width: 100%;
  z-index: -1;
  display: block;
}
.company-layer .block-aboutcert .m-bg {
  width: 100%;
  z-index: -1;
  display: none;
}
.company-layer .block-aboutcert .titlebox {
  position: absolute;
  top: 50%;
  left: 12%;
  width: 32%;
  transform: translateY(-50%);
  text-align: center;
}
.company-layer .block-aboutcert .titlebox .title {
  font-size: 2.5vw;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutcert .titlebox .title {
    font-size: 6.4vw;
  }
}
.company-layer .block-aboutcert .titlebox .title span {
  color: #45b93c;
}
.company-layer .block-aboutcert .titlebox .desc {
  margin-top: 4%;
  font-size: 0.9375vw;
  line-height: 2;
  color: rgba(9, 3, 4, 0.8);
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutcert .titlebox .desc {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-aboutcert .cert-showcase {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}
.company-layer .block-aboutcert .cert {
  cursor: pointer;
}
.company-layer .block-aboutcert .cert:hover .desc {
  display: block;
  opacity: 1;
  z-index: 1;
}
.company-layer .block-aboutcert .cert .dot {
  position: absolute;
  width: 0.8vw;
  height: 0.8vw;
  border-radius: 50%;
  background-color: #45b93c;
  transform: translate(-50%, -50%);
}
.company-layer .block-aboutcert .cert .dot::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(69, 185, 60, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.company-layer .block-aboutcert .cert .dot::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(69, 185, 60, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.company-layer .block-aboutcert .cert .desc {
  position: absolute;
  top: 0;
  left: -1.4vw;
  transform: translate(-100%, -50%);
  white-space: nowrap;
  line-height: 3;
  color: #fff;
  background: #44b041;
  font-size: 0.83333333vw;
  padding: 0 1.5em;
  border-radius: 1000rem;
  display: none;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutcert .cert .desc {
    font-size: 3.2vw;
  }
}
.company-layer .block-aboutcert .cert .desc::before {
  content: '';
  position: absolute;
  height: 0.1vw;
  width: 1vw;
  background: #44b041;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
}
.company-layer .block-aboutcert .cert.cert-v1 {
  position: absolute;
  width: 12.5%;
  top: 29%;
  left: 63%;
}
.company-layer .block-aboutcert .cert.cert-v2 {
  position: absolute;
  width: 12.5%;
  top: 29%;
  left: 80%;
}
.company-layer .block-aboutcert .cert.cert-h1 {
  position: absolute;
  width: 19%;
  top: 60%;
  left: 18%;
}
.company-layer .block-aboutcert .cert.cert-h2 {
  position: absolute;
  width: 19%;
  top: 60%;
  left: 40%;
}
.company-layer .block-aboutcert .cert.cert-h3 {
  position: absolute;
  width: 19%;
  top: 23%;
  left: 11%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutcert .bg {
    display: none;
  }
  .company-layer .block-aboutcert .m-bg {
    display: block;
  }
  .company-layer .block-aboutcert .cert-showcase {
    width: 100%;
    height: 74vw;
  }
  .company-layer .block-aboutcert .titlebox {
    margin-top: 5%;
    position: unset;
    transform: none;
    width: 100%;
    left: unset;
    top: unset;
    padding: 0 5% 5%;
  }
  .company-layer .block-aboutcert .cert.cert-v1 {
    position: absolute;
    width: 15.75%;
    top: 30%;
    left: 60%;
  }
  .company-layer .block-aboutcert .cert.cert-v1 .dot,
  .company-layer .block-aboutcert .cert.cert-v1 .desc {
    display: none;
  }
  .company-layer .block-aboutcert .cert.cert-v2 {
    position: absolute;
    width: 15.75%;
    top: 30%;
    left: 80%;
  }
  .company-layer .block-aboutcert .cert.cert-v2 .dot,
  .company-layer .block-aboutcert .cert.cert-v2 .desc {
    display: none;
  }
  .company-layer .block-aboutcert .cert.cert-h1 {
    position: absolute;
    width: 21%;
    top: 62%;
    left: 16%;
  }
  .company-layer .block-aboutcert .cert.cert-h1 .dot,
  .company-layer .block-aboutcert .cert.cert-h1 .desc {
    display: none;
  }
  .company-layer .block-aboutcert .cert.cert-h2 {
    position: absolute;
    width: 21%;
    top: 62%;
    left: 42%;
  }
  .company-layer .block-aboutcert .cert.cert-h2 .dot,
  .company-layer .block-aboutcert .cert.cert-h2 .desc {
    display: none;
  }
  .company-layer .block-aboutcert .cert.cert-h3 {
    position: absolute;
    width: 21%;
    top: 26%;
    left: 11%;
  }
  .company-layer .block-aboutcert .cert.cert-h3 .dot,
  .company-layer .block-aboutcert .cert.cert-h3 .desc {
    display: none;
  }
}
.company-layer .block-aboutcertlist {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 7.8% 5%;
}
.company-layer .block-aboutcertlist .swiper-container {
  padding: 5% 0 5%;
}
.company-layer .block-aboutcertlist .certbox {
  width: 100%;
  height: auto;
  position: relative;
}
.company-layer .block-aboutcertlist .certbox .cert-bg {
  width: 100%;
  height: auto;
}
.company-layer .block-aboutcertlist .certbox .cert-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-layer .block-aboutcertlist .certbox .cert {
  transition: all 0.5s;
  width: 50%;
  height: 80%;
}
.company-layer .block-aboutcertlist .certbox .cert img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.company-layer .block-aboutcertlist .certbox:hover .cert {
  transform: translateY(-2.5%) scale(1.05);
}
.company-layer .block-aboutcertlist .cert-name {
  text-align: center;
  font-size: 0.9375vw;
  margin-top: 5%;
  color: #191415;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutcertlist .cert-name {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-aboutcertlist .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-layer .block-aboutcertlist .cert-button {
  display: none;
}
.company-layer .block-aboutcertlist .swiper-pagination-bullet {
  width: 0.42vw;
  height: 0.42vw;
  margin: 0 0.42vw;
}
.company-layer .block-aboutcertlist .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.84vw;
  height: 0.84vw;
  background: #44b041;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutcertlist .swiper-container {
    padding: 5% 0 15%;
  }
  .company-layer .block-aboutcertlist .swiper-pagination {
    display: none;
  }
  .company-layer .block-aboutcertlist .cert-button {
    display: block;
  }
  .company-layer .block-aboutcertlist .swiper-pagination-bullet {
    width: 1.86vw;
    height: 1.86vw;
    margin: 0 1.86vw;
  }
  .company-layer .block-aboutcertlist .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 3.73vw;
    height: 3.73vw;
  }
  .company-layer .block-aboutcertlist .cert-button-next,
  .company-layer .block-aboutcertlist .cert-button-prev {
    position: absolute;
    top: 35%;
    z-index: 10;
    width: 8%;
    max-width: 30px;
  }
  .company-layer .block-aboutcertlist .cert-button-next {
    right: 5%;
  }
  .company-layer .block-aboutcertlist .cert-button-prev {
    left: 5%;
  }
}
.company-layer .block-aboutculture {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-image: url("/images/about-culture-bg.jpg");
  position: relative;
  padding: 7.5% 7.8%;
}
.company-layer .block-aboutculture .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .block-aboutculture .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutculture .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.company-layer .block-aboutculture .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutculture .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.company-layer .block-aboutculture .tit2 {
  margin-top: 5%;
  width: 100%;
  text-align: center;
  font-size: 3.02083333vw;
  font-weight: bold;
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutculture .tit2 {
    font-size: 7.73333333vw;
  }
}
.company-layer .block-aboutculture .culturelist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 5%;
  column-gap: 5.4vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutculture .culturelist {
    grid-template-columns: repeat(1, 1fr);
  }
}
.company-layer .block-aboutculture .culturelist .culturebox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 7% 0;
  transition: all 0.5s;
}
.company-layer .block-aboutculture .culturelist .culturebox.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutculture .culturelist .culturebox {
    flex-direction: row;
  }
  .company-layer .block-aboutculture .culturelist .culturebox.flex-rev {
    flex-direction: row-reverse;
  }
}
.company-layer .block-aboutculture .culturelist .culturebox .icon {
  width: 12.5%;
}
.company-layer .block-aboutculture .culturelist .culturebox .content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.company-layer .block-aboutculture .culturelist .culturebox .content.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutculture .culturelist .culturebox .content {
    flex-direction: row;
  }
  .company-layer .block-aboutculture .culturelist .culturebox .content.flex-rev {
    flex-direction: row-reverse;
  }
}
.company-layer .block-aboutculture .culturelist .culturebox .content .title {
  font-size: 1.5625vw;
  font-weight: bold;
  color: #44b041;
  padding: 0.5vw 0 1.5vw;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutculture .culturelist .culturebox .content .title {
    font-size: 4.8vw;
  }
}
.company-layer .block-aboutculture .culturelist .culturebox .content .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 3px;
  background-color: #44b041;
  transform: translate(50%, -1.5px);
}
.company-layer .block-aboutculture .culturelist .culturebox .content .txt {
  font-size: 0.9375vw;
  padding: 5% 11% 3%;
  color: #090304;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutculture .culturelist .culturebox .content .txt {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-aboutculture .culturelist .culturebox:hover {
  transform: translateY(-5%);
}
.company-layer .block-aboutculture .culturelist > *:nth-child(2) .culturebox .content .txt {
  padding: 5% 18% 3%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-aboutculture .culturelist {
    row-gap: 5vw;
  }
  .company-layer .block-aboutculture .culturelist > *:nth-child(2) .culturebox .content .txt {
    padding: 0 0 0 5%;
  }
  .company-layer .block-aboutculture .culturelist .culturebox {
    padding: 5%;
  }
  .company-layer .block-aboutculture .culturelist .culturebox .icon {
    width: 12%;
  }
  .company-layer .block-aboutculture .culturelist .culturebox .content {
    width: 85%;
  }
  .company-layer .block-aboutculture .culturelist .culturebox .content .title {
    width: 30%;
    white-space: nowrap;
  }
  .company-layer .block-aboutculture .culturelist .culturebox .content .title::after {
    display: none;
  }
  .company-layer .block-aboutculture .culturelist .culturebox .content .txt {
    text-align: left;
    line-height: 1.5;
    padding: 0 0 0 5%;
  }
}
.company-layer .block-productproductlist {
  width: 100%;
  height: auto;
}
.company-layer .block-productproductlist ul {
  width: 100%;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-layer .block-productproductlist ul.flex-rev {
  flex-direction: column-reverse;
}
.company-layer .block-productproductlist li {
  width: 100%;
  height: auto;
  background: #fff;
}
.company-layer .block-productproductlist .productbox {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5% 15%;
}
.company-layer .block-productproductlist .productbox.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productproductlist .productbox {
    flex-direction: column;
  }
  .company-layer .block-productproductlist .productbox.flex-rev {
    flex-direction: column-reverse;
  }
}
.company-layer .block-productproductlist .productbox:hover .contbox .title {
  border-bottom: 1px solid #44b041;
}
.company-layer .block-productproductlist .productbox:hover .contbox .detail {
  margin-top: 15%;
  opacity: 1;
  z-index: auto;
}
.company-layer .block-productproductlist .imgbox {
  width: 35%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  transition: all 0.5s;
  margin: 0 10% 0 0;
}
.company-layer .block-productproductlist .imgbox.flex-rev {
  flex-direction: row-reverse;
}
.company-layer .block-productproductlist .imgbox .icon {
  width: 100%;
}
.company-layer .block-productproductlist .contbox {
  margin: 0 0 0 10%;
  width: 35%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.company-layer .block-productproductlist .contbox.flex-rev {
  flex-direction: column-reverse;
}
.company-layer .block-productproductlist .contbox .title {
  font-size: 1.5625vw;
  font-weight: bold;
  color: #090304;
  padding: 0 2em 0.625vw 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productproductlist .contbox .title {
    font-size: 5.33333333vw;
  }
}
.company-layer .block-productproductlist .contbox .desc {
  margin-top: 5%;
  font-size: 0.9375vw;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(9, 3, 4, 0.6);
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productproductlist .contbox .desc {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-productproductlist .contbox .detail {
  font-size: 0.9375vw;
  color: #45b93c;
  position: relative;
  transition: all 0.5s;
  opacity: 0;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productproductlist .contbox .detail {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-productproductlist .contbox .detail::before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: -6px;
  left: 0;
  height: 3px;
  background: #45b93c;
}
.company-layer .block-productproductlist li:nth-of-type(2n) {
  background: #f7f7f7;
}
.company-layer .block-productproductlist li:nth-of-type(2n) .productbox {
  flex-direction: row-reverse;
}
.company-layer .block-productproductlist li:nth-of-type(2n) .productbox .imgbox {
  margin: 0 0 0 10%;
}
.company-layer .block-productproductlist li:nth-of-type(2n) .productbox .contbox {
  margin: 0 10% 0 0;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productproductlist .productbox {
    flex-direction: column;
    margin: 10% 5%;
  }
  .company-layer .block-productproductlist li:nth-of-type(2n) .productbox {
    flex-direction: column;
  }
  .company-layer .block-productproductlist li:nth-of-type(2n) .productbox .imgbox {
    margin: 0;
  }
  .company-layer .block-productproductlist li:nth-of-type(2n) .productbox .contbox {
    margin: 10% 0 0 0;
  }
  .company-layer .block-productproductlist .imgbox {
    margin: 0;
    width: 100%;
  }
  .company-layer .block-productproductlist .imgbox .icon {
    width: 80%;
  }
  .company-layer .block-productproductlist .contbox {
    margin: 10% 0 0 0;
    width: 100%;
    align-items: center;
  }
  .company-layer .block-productproductlist .contbox .title {
    padding: 0;
    border-bottom: 0;
    margin-top: 5%;
  }
  .company-layer .block-productproductlist .contbox .desc {
    text-align: center;
    margin-top: 5%;
  }
  .company-layer .block-productproductlist .contbox .detail {
    text-align: center;
    margin-top: 10%;
    opacity: 1;
    z-index: auto;
  }
}
.company-layer .block-mfgbrand {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 6.67vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
}
.company-layer .block-mfgbrand .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .block-mfgbrand .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgbrand .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.company-layer .block-mfgbrand .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgbrand .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.company-layer .block-mfgbrand .tit2 {
  margin-top: 3%;
  font-size: 2.5vw;
  font-weight: bold;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgbrand .tit2 {
    font-size: 6.4vw;
  }
}
.company-layer .block-mfgbrand .cont {
  color: rgba(9, 3, 2, 0.8);
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgbrand .cont {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-mfgbrand .brandlist {
  padding: 5% 15% 0;
}
.company-layer .block-mfgbrand ul {
  width: 100%;
  height: auto;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.company-layer .block-mfgbrand li {
  padding: 10% 0;
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .block-mfgbrand li .headbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.company-layer .block-mfgbrand li .headbox .icon-title {
  width: auto;
  height: auto;
  position: relative;
  z-index: 2;
}
.company-layer .block-mfgbrand li .headbox .icon-title .tit {
  font-size: 3.54166667vw;
  font-family: gilroy_bold;
  font-weight: bold;
  color: #44b041;
  line-height: 1.1;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgbrand li .headbox .icon-title .tit {
    font-size: 8vw;
  }
}
.company-layer .block-mfgbrand li .headbox .icon-title .tip {
  font-size: 1.04166667vw;
  color: #44b041;
  position: absolute;
  top: 0;
  left: 101%;
  width: auto;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgbrand li .headbox .icon-title .tip {
    font-size: 2vw;
  }
}
.company-layer .block-mfgbrand li .txt {
  font-size: 0.9375vw;
  color: #5c595a;
  line-height: 1.5;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgbrand li .txt {
    font-size: 2.93333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgbrand .cont {
    padding: 0 5%;
  }
  .company-layer .block-mfgbrand .brandlist {
    padding: 5%;
  }
}
.company-layer .block-mfgstrength {
  width: 100%;
  height: auto;
  position: relative;
  padding: 7% 0;
  overflow: hidden;
}
.company-layer .block-mfgstrength .titlebox {
  text-align: center;
}
.company-layer .block-mfgstrength .titlebox .entit {
  font-family: 'gilroy_light';
  font-size: 1.5625vw;
  text-transform: uppercase;
  color: #44b041;
}
.company-layer .block-mfgstrength .titlebox .cntit {
  color: #191415;
  font-size: 2.5vw;
}
.company-layer .block-mfgstrength .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgstrength .cont {
    font-size: 4vw;
  }
}
.company-layer .block-mfgstrength .grouplist {
  padding: 5%;
}
.company-layer .block-mfgstrength ul {
  width: 100%;
  height: auto;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2vw;
  row-gap: 4vw;
  padding: 0 5%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgstrength ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.company-layer .block-mfgstrength li {
  position: relative;
  cursor: pointer;
}
.company-layer .block-mfgstrength li .icon {
  width: 100%;
}
.company-layer .block-mfgstrength li .name {
  position: absolute;
  left: 5%;
  width: 90%;
  bottom: 0%;
  line-height: 1.3;
  padding: 3% 20%;
  font-size: 1.04166667vw;
  text-align: center;
  background-color: #fff;
  border-bottom: 3px solid #40a3a7;
  box-shadow: 0 0 2px 0 gray;
  transform: translateY(30%);
  transition: all 0.5s;
  background: url('/images/mfg-group-hover.png') no-repeat right center / 0% #fff;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgstrength li .name {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-mfgstrength li:hover .name {
  color: #fff;
}
.company-layer .block-mfgstrength li:nth-of-type(4n-3) .name {
  border-bottom: 3px solid #44b041;
}
.company-layer .block-mfgstrength li:nth-of-type(4n-3):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #44b041;
}
.company-layer .block-mfgstrength li:nth-of-type(4n-2) .name {
  border-bottom: 3px solid #70c4aa;
}
.company-layer .block-mfgstrength li:nth-of-type(4n-2):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #70c4aa;
}
.company-layer .block-mfgstrength li:nth-of-type(4n-1) .name {
  border-bottom: 3px solid #40a3a7;
}
.company-layer .block-mfgstrength li:nth-of-type(4n-1):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #40a3a7;
}
.company-layer .block-mfgstrength li:nth-of-type(4n) .name {
  border-bottom: 3px solid #69cf7a;
}
.company-layer .block-mfgstrength li:nth-of-type(4n):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #69cf7a;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgstrength ul {
    padding: 0;
    column-gap: 4vw;
    row-gap: 8vw;
  }
  .company-layer .block-mfgstrength li .name {
    padding: 2% 10%;
  }
}
.company-layer .block-mfgfuture {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  background-color: #f8f8f8;
  overflow: hidden;
}
.company-layer .block-mfgfuture .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .block-mfgfuture .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgfuture .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.company-layer .block-mfgfuture .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgfuture .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.company-layer .block-mfgfuture .cont {
  margin-top: 2%;
  color: #adadad;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgfuture .cont {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-mfgfuture .cooplist {
  position: relative;
  margin: 3% 8% 0;
}
.company-layer .block-mfgfuture .cooplist .pic {
  width: 100%;
  height: auto;
}
.company-layer .block-mfgfuture .cooplist .swiper-slide-prev,
.company-layer .block-mfgfuture .cooplist .swiper-slide-next {
  position: relative;
}
.company-layer .block-mfgfuture .cooplist .swiper-slide-prev::before,
.company-layer .block-mfgfuture .cooplist .swiper-slide-next::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.company-layer .block-mfgfuture .cooplist .coop-button-prev,
.company-layer .block-mfgfuture .cooplist .coop-button-next {
  cursor: pointer;
  position: absolute;
  top: 0%;
  width: 30%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.company-layer .block-mfgfuture .cooplist .coop-button-prev .icon,
.company-layer .block-mfgfuture .cooplist .coop-button-next .icon {
  width: 20%;
  max-width: 100px;
}
.company-layer .block-mfgfuture .cooplist .coop-button-prev .micon,
.company-layer .block-mfgfuture .cooplist .coop-button-next .micon {
  width: 50%;
  padding: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
.company-layer .block-mfgfuture .cooplist .coop-button-prev {
  left: 0%;
}
.company-layer .block-mfgfuture .cooplist .coop-button-next {
  right: 0%;
}
.company-layer .block-mfgfuture .swiper-pagination-custom li {
  padding: 2% 30% 8%;
  display: none;
  text-align: center;
  font-size: 1.25vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgfuture .swiper-pagination-custom li {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-mfgfuture .swiper-pagination-custom li.now {
  display: block;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mfgfuture .cont {
    padding: 0 5%;
  }
  .company-layer .block-mfgfuture .swiper-pagination-custom li {
    line-height: 1.5;
    padding: 3% 10% 8%;
  }
  .company-layer .block-mfgfuture .cooplist {
    margin: 3% 0 0;
  }
  .company-layer .block-mfgfuture .cooplist .coop-button-prev,
  .company-layer .block-mfgfuture .cooplist .coop-button-next {
    width: 20%;
  }
  .company-layer .block-mfgfuture .cooplist .coop-button-prev .icon,
  .company-layer .block-mfgfuture .cooplist .coop-button-next .icon {
    display: none;
  }
  .company-layer .block-mfgfuture .cooplist .coop-button-prev .micon,
  .company-layer .block-mfgfuture .cooplist .coop-button-next .micon {
    display: flex;
    flex-direction: row;
  }
  .company-layer .block-mfgfuture .cooplist .coop-button-prev .micon.flex-rev,
  .company-layer .block-mfgfuture .cooplist .coop-button-next .micon.flex-rev {
    flex-direction: row-reverse;
  }
}
.company-layer .block-neenergy {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.company-layer .block-neenergy .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .block-neenergy .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-neenergy .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.company-layer .block-neenergy .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-neenergy .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.company-layer .block-neenergy .cont {
  color: #3a3536;
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-neenergy .cont {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-neenergy .energylist {
  position: relative;
  padding: 5% 10% 10%;
}
.company-layer .block-neenergy .energylist .particles-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 25%;
}
.company-layer .block-neenergy ul {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: start;
}
.company-layer .block-neenergy li {
  padding: 6% 0;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: floating 1.5s infinite ease-in-out alternate;
}
@keyframes floating {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
.company-layer .block-neenergy li:nth-child(1) {
  margin-top: 12%;
  animation-delay: 0.1s;
}
.company-layer .block-neenergy li:nth-child(1) .fx-twinkle {
  animation-duration: 4s;
  animation-delay: 1s;
}
.company-layer .block-neenergy li:nth-child(2) {
  margin-top: 30%;
  animation-delay: 0.3s;
}
.company-layer .block-neenergy li:nth-child(2) .fx-twinkle {
  animation-duration: 6s;
  animation-delay: 3.5s;
}
.company-layer .block-neenergy li:nth-child(3) {
  animation-delay: 0.5s;
}
.company-layer .block-neenergy li:nth-child(3) .fx-twinkle {
  animation-duration: 4.5s;
  animation-delay: 3.5s;
}
.company-layer .block-neenergy li:nth-child(4) {
  animation-delay: 0.7s;
  margin-top: 12%;
}
.company-layer .block-neenergy li:nth-child(4) .fx-twinkle {
  animation-duration: 5s;
  animation-delay: 2.5s;
}
.company-layer .block-neenergy li:nth-child(5) {
  animation-delay: 0.6s;
  margin-top: 8%;
}
.company-layer .block-neenergy li:nth-child(5) .fx-twinkle {
  animation-duration: 5s;
  animation-delay: 1.5s;
}
.company-layer .block-neenergy li:nth-child(6) {
  margin-top: 35%;
  animation-delay: 0.4s;
}
.company-layer .block-neenergy li:nth-child(6) .fx-twinkle {
  animation-duration: 7s;
  animation-delay: 2s;
}
.company-layer .block-neenergy li:nth-child(7) {
  margin-top: 12%;
  animation-delay: 0.8s;
}
.company-layer .block-neenergy li:nth-child(7) .fx-twinkle {
  animation-duration: 6s;
  animation-delay: 2s;
}
.company-layer .block-neenergy li .headbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.company-layer .block-neenergy li .headbox .icon-title {
  width: auto;
  height: auto;
  position: relative;
  z-index: 2;
}
.company-layer .block-neenergy li .headbox .icon-title .tit {
  font-size: 3.125vw;
  font-weight: bold;
  color: #44b041;
  line-height: 1.1;
  font-family: gilroy_bold;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-neenergy li .headbox .icon-title .tit {
    font-size: 6.53333333vw;
  }
}
.company-layer .block-neenergy li .headbox .icon-title .tip {
  font-size: 0.83333333vw;
  color: #45b93c;
  position: absolute;
  top: 0;
  left: 101%;
  width: auto;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-neenergy li .headbox .icon-title .tip {
    font-size: 2.66666667vw;
  }
}
.company-layer .block-neenergy li .txt {
  font-size: 0.9375vw;
  color: #44b041;
  line-height: 1.5;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-neenergy li .txt {
    font-size: 3.46666667vw;
  }
}
.company-layer .block-neenergy li .fx {
  width: 0.5%;
  opacity: 0.7;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-neenergy ul {
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "a a a b b b c c c d d d" "e e e e f f f f g g g g";
  }
  .company-layer .block-neenergy li:nth-child(1) {
    grid-area: a;
    margin-top: 24%;
  }
  .company-layer .block-neenergy li:nth-child(2) {
    grid-area: b;
    margin-top: 30%;
  }
  .company-layer .block-neenergy li:nth-child(3) {
    grid-area: c;
    margin-top: 0%;
  }
  .company-layer .block-neenergy li:nth-child(4) {
    grid-area: d;
    margin-top: 24%;
  }
  .company-layer .block-neenergy li:nth-child(5) {
    grid-area: e;
    margin-top: 16%;
  }
  .company-layer .block-neenergy li:nth-child(6) {
    grid-area: f;
    margin-top: 40%;
  }
  .company-layer .block-neenergy li:nth-child(7) {
    grid-area: g;
    margin-top: 24%;
  }
  .company-layer .block-neenergy .cont {
    padding: 0 5%;
  }
  .company-layer .block-neenergy .fx {
    display: none;
  }
}
.company-layer .block-necompany {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-color: #f7f7f7;
}
.company-layer .block-necompany .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .block-necompany .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-necompany .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.company-layer .block-necompany .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-necompany .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.company-layer .block-necompany .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
.company-layer .block-necompany .companylist {
  padding: 5%;
}
.company-layer .block-necompany ul {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3vw;
  row-gap: 6vw;
  padding: 0 5%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-necompany ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.company-layer .block-necompany li {
  position: relative;
  cursor: pointer;
}
.company-layer .block-necompany li:hover .name {
  color: #fff;
}
.company-layer .block-necompany li:nth-of-type(3n-2) .name {
  border-bottom: 3px solid #44b041;
}
.company-layer .block-necompany li:nth-of-type(3n-2):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #44b041;
  background-size: contain;
}
.company-layer .block-necompany li:nth-of-type(3n-1) .name {
  border-bottom: 3px solid #70c4aa;
}
.company-layer .block-necompany li:nth-of-type(3n-1):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #70c4aa;
  background-size: contain;
}
.company-layer .block-necompany li:nth-of-type(3n) .name {
  border-bottom: 3px solid #40a3a7;
}
.company-layer .block-necompany li:nth-of-type(3n):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #40a3a7;
  background-size: contain;
}
.company-layer .block-necompany .icon {
  width: 100%;
}
.company-layer .block-necompany .name {
  position: absolute;
  min-height: 4.27vw;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 5%;
  width: 90%;
  bottom: 0%;
  line-height: 1.2;
  padding: 2% 16%;
  transition: all 0.5s;
  text-align: center;
  font-size: 1.04166667vw;
  background-color: #fff;
  border-bottom: 3px solid #40a3a7;
  transform: translateY(30%);
  background: url('/images/mfg-group-hover.png') no-repeat right top #fff;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-necompany .name {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .company-layer .block-necompany ul {
    row-gap: 15vw;
    padding: 0 5%;
  }
  .company-layer .block-necompany .name {
    line-height: 2.5;
    padding: 2% 5%;
  }
}
.company-layer .block-neadvantage {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-color: #fff;
}
.company-layer .block-neadvantage .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .block-neadvantage .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-neadvantage .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.company-layer .block-neadvantage .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-neadvantage .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.company-layer .block-neadvantage .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
.company-layer .block-neadvantage .advangtagelist {
  padding: 5%;
}
.company-layer .block-neadvantage ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0 7.8vw;
}
.company-layer .block-neadvantage ul:nth-of-type(2n) {
  flex-direction: row-reverse;
  background-color: #ecf7ec;
}
.company-layer .block-neadvantage li {
  display: flex;
  margin: 5%;
  width: 40%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.company-layer .block-neadvantage .icon {
  width: 100%;
}
.company-layer .block-neadvantage .listtitlebox {
  width: 100%;
  height: auto;
  text-align: left;
  position: relative;
  margin-top: 6%;
}
.company-layer .block-neadvantage .listtitlebox .entit {
  width: 100%;
  height: auto;
  font-size: 6.25vw;
  font-weight: bold;
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 0.5px rgba(68, 176, 65, 0.3);
  -webkit-text-fill-color: transparent;
  font-family: gilroy_bold;
  line-height: 1;
  position: absolute;
  text-align: left;
  bottom: 0;
  left: -5%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-neadvantage .listtitlebox .entit {
    font-size: 16vw;
  }
}
.company-layer .block-neadvantage .listtitlebox .cntit {
  font-size: 2.08333333vw;
  color: #44b041;
  font-weight: bold;
  position: relative;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-neadvantage .listtitlebox .cntit {
    font-size: 5.33333333vw;
  }
}
.company-layer .block-neadvantage .listcont {
  font-size: 0.9375vw;
  line-height: 2;
  color: #5c595a;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-neadvantage .listcont {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .company-layer .block-neadvantage .icon {
    margin-bottom: 10%;
  }
  .company-layer .block-neadvantage ul {
    flex-direction: column-reverse;
  }
  .company-layer .block-neadvantage ul:nth-of-type(2n) {
    flex-direction: column-reverse;
  }
  .company-layer .block-neadvantage li {
    margin: 5%;
    width: 90%;
  }
  .company-layer .block-neadvantage .listtitlebox .entit {
    left: 0;
    text-align: center;
  }
  .company-layer .block-neadvantage .listtitlebox .cntit {
    text-align: center;
  }
}
.company-layer .banner-presentation {
  width: 100%;
  height: auto;
  position: relative;
}
.company-layer .banner-presentation .banner-bg {
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-presentation .banner-bg {
    height: 56.25vw;
  }
  .company-layer .banner-presentation .banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
  }
}
.company-layer .banner-presentation .banner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.company-layer .banner-presentation .banner-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .banner-presentation .banner-titlebox .banner-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-presentation .banner-titlebox .banner-entitle {
    font-size: 4vw;
  }
}
.company-layer .banner-presentation .banner-titlebox .banner-title {
  color: #231f20;
  font-size: 2.5vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-presentation .banner-titlebox .banner-title {
    font-size: 6.4vw;
  }
}
.company-layer .banner-presentation .banner-wrapper {
  justify-content: space-between;
  padding: 9% 0 14%;
}
.company-layer .banner-presentation .cont {
  margin: 1% 0 0;
  padding: 0 30%;
  font-size: 0.83333333vw;
  color: #5b5857;
  line-height: 2;
}
.company-layer .banner-presentation .list {
  margin: 1% 0 0;
  width: 100%;
  padding: 0 25%;
}
.company-layer .banner-presentation .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.company-layer .banner-presentation .list ul .iconbox {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-layer .banner-presentation .list ul .iconbox.flex-rev {
  flex-direction: column-reverse;
}
.company-layer .banner-presentation .list ul .iconbox .icon {
  width: 30%;
}
.company-layer .banner-presentation .list ul .iconbox .title {
  font-size: 1.25vw;
  text-align: center;
  font-weight: bold;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-presentation .list ul .iconbox .title {
    font-size: 2.66666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-presentation .banner-wrapper {
    padding: 14% 0 0%;
  }
  .company-layer .banner-presentation .cont {
    display: none;
  }
  .company-layer .banner-presentation .list {
    padding: 0 10%;
  }
  .company-layer .banner-presentation .list ul .iconbox .icon {
    width: 50%;
  }
}
.company-layer .block-presentationcase {
  width: 100%;
  height: auto;
  padding: 5% 8.5% 0;
}
.company-layer .block-presentationcase ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3vw 3vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-presentationcase ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.company-layer .block-presentationcase li {
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
}
.company-layer .block-presentationcase li .icon {
  width: 100%;
}
.company-layer .block-presentationcase li .text {
  position: absolute;
  width: 100%;
  bottom: -30%;
  transition: all 0.5s;
  font-size: 1.14583333vw;
  color: #fff;
  padding: 2.5% 5%;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-presentationcase li .text {
    font-size: 3.46666667vw;
  }
}
.company-layer .block-presentationcase li:hover {
  transform: translateY(-3%);
}
.company-layer .block-presentationcase li:hover .text {
  bottom: 0;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-presentationcase {
    padding: 5% 5% 0;
  }
  .company-layer .block-presentationcase li .text {
    padding: 3% 5%;
    bottom: 0;
  }
}
.company-layer .block-infornews {
  width: 100%;
  height: auto;
  padding: 5% 7.8% 0;
}
.company-layer .block-infornews ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 4vw;
}
.company-layer .block-infornews li {
  transition: all 0.5s;
  border-bottom: 1px solid #f4f4f4;
}
.company-layer .block-infornews li a {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}
.company-layer .block-infornews li a.flex-rev {
  flex-direction: row-reverse;
}
.company-layer .block-infornews li .pic {
  max-width: 20%;
  position: relative;
}
.company-layer .block-infornews li .pic.play::before {
  content: '';
  position: absolute;
  width: 3.5vw;
  height: 3.5vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
  background-size: 25%;
  border-radius: 50%;
}
.company-layer .block-infornews li .cont {
  width: 100%;
  height: auto;
  padding: 5%;
  box-sizing: border-box;
  flex: 1;
}
.company-layer .block-infornews li .cont .titbox {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 1.5vw;
}
.company-layer .block-infornews li .cont .tit {
  font-size: 1.14583333vw;
  font-weight: bold;
  color: #090304;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infornews li .cont .tit {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-infornews li .cont .txt {
  width: 100%;
  height: auto;
  font-size: 0.72916667vw;
  color: #848181;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0% 0;
  box-sizing: border-box;
}
.company-layer .block-infornews li .cont .date {
  width: 100%;
  font-family: gilroy_regular;
  font-size: 1.35416667vw;
  line-height: 1.5;
  color: #adadad;
  display: none;
  margin-top: 3%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infornews li .cont .date {
    font-size: 3.46666667vw;
  }
}
.company-layer .block-infornews li .datebox {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: gilroy_regular;
  color: #adadad;
}
.company-layer .block-infornews li .datebox .year {
  font-size: 2.08333333vw;
}
.company-layer .block-infornews li .datebox .monthday {
  font-size: 1.92708333vw;
}
.company-layer .block-infornews li a::after {
  content: '';
  width: 6vw;
  height: 3px;
  background: linear-gradient(to right, #45b93c, #79d12c);
  position: absolute;
  bottom: -1.5px;
  left: 0;
  transition: all 0.5s;
}
.company-layer .block-infornews li:hover a {
  color: #45b93c;
}
.company-layer .block-infornews li:hover a::after {
  width: 100%;
}
.company-layer .block-infornews li:hover .cont .tit {
  color: #45b93c;
}
.company-layer .block-infornews li:hover .cont .txt {
  color: #45b93c;
}
.company-layer .block-infornews li:hover .datebox {
  color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infornews {
    padding: 0 5% 0;
  }
  .company-layer .block-infornews li a {
    box-sizing: border-box;
    padding: 5% 0;
  }
  .company-layer .block-infornews li a::after {
    display: none;
  }
  .company-layer .block-infornews li .pic {
    max-width: 45%;
  }
  .company-layer .block-infornews li .pic.play::before {
    content: '';
    position: absolute;
    width: 10vw;
    height: 10vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
    background-size: 25%;
    border-radius: 50%;
  }
  .company-layer .block-infornews li .cont {
    padding: 0 3% 0 0;
  }
  .company-layer .block-infornews li .cont .txt {
    display: none;
  }
  .company-layer .block-infornews li .cont .date {
    display: block;
  }
  .company-layer .block-infornews li .datebox {
    display: none;
  }
}
.company-layer .block-infonews {
  width: 100%;
  height: auto;
  padding: 5% 7.8% 0;
}
.company-layer .block-infonews ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 6%;
  row-gap: 4vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonews ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.company-layer .block-infonews li {
  /* width: 47%; */
  /* height: 100%; */
  cursor: pointer;
  display: inline-block;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}
.company-layer .block-infonews li .pic {
  width: 100%;
  height: auto;
  position: relative;
}
.company-layer .block-infonews li .pic.play::before {
  content: '';
  position: absolute;
  width: 3.5vw;
  height: 3.5vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
  background-size: 25%;
  border-radius: 50%;
}
.company-layer .block-infonews li .cont {
  width: 100%;
  height: auto;
  padding: 5%;
  box-sizing: border-box;
}
.company-layer .block-infonews li .cont .titbox {
  position: relative;
  border-bottom: 1px solid #f4f4f4;
  transition: all 0.5s;
}
.company-layer .block-infonews li .cont .titbox::before {
  content: '';
  width: 2vw;
  height: 3px;
  background: linear-gradient(to right, #45b93c, #79d12c);
  position: absolute;
  bottom: -1.5px;
  left: 0;
  transition: all 0.5s;
}
.company-layer .block-infonews li .cont .tit {
  font-size: 17px;
  color: #090304;
  line-height: 1.6;
  margin-bottom: 3%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.company-layer .block-infonews li .cont .txt {
  width: 100%;
  height: 0;
  opacity: 0;
  font-size: 15px;
  color: #848181;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0% 0;
  box-sizing: border-box;
  transition: all 0.5s;
}
.company-layer .block-infonews li .cont .date {
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  color: #adadad;
  background: url(/images/arrow5.png) no-repeat center right;
  background-size: 6px;
  margin-top: 3%;
}
.company-layer .block-infonews li:hover .cont .titbox::before {
  width: 100%;
}
.company-layer .block-infonews li:hover .cont .tit {
  color: #45b93c;
}
.company-layer .block-infonews li:hover .cont .txt {
  height: auto;
  opacity: 1;
  margin: 5% 0;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonews {
    padding: 5% 5% 0;
  }
  .company-layer .block-infonews ul {
    column-gap: 0;
    row-gap: 0;
  }
  .company-layer .block-infonews li {
    box-shadow: none;
    margin-bottom: 0;
    padding: 5% 0;
  }
  .company-layer .block-infonews li:not(:last-child) {
    box-shadow: none;
  }
  .company-layer .block-infonews li a {
    display: flex;
  }
  .company-layer .block-infonews li .pic {
    width: 70%;
  }
  .company-layer .block-infonews li .pic.play::before {
    width: 8vw;
    height: 8vw;
  }
  .company-layer .block-infonews li .cont {
    padding: 1.5% 0 1.5% 5%;
  }
  .company-layer .block-infonews li .cont .titbox::before {
    width: 0;
  }
  .company-layer .block-infonews li .cont .tit {
    font-size: 3.73vw;
  }
}
.company-layer .block-infonewsdetails {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.company-layer .block-infonewsdetails .detailsbox {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont {
  width: 65%;
  height: auto;
  padding: 5% 3% 5% 12%;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .headbox {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #eee;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
  font-size: 2.29166667vw;
  color: #272621;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
    font-size: 4.26666667vw;
  }
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 3% 0 1% 0;
  box-sizing: border-box;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li {
  font-size: 1.04166667vw;
  color: #969694;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li {
    font-size: 3.2vw;
  }
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a {
  font-size: 1.04166667vw;
  color: #969694;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a {
    font-size: 3.2vw;
  }
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a:hover {
  color: #44b041;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .cont {
  width: 100%;
  height: auto;
  padding: 3% 0 5% 0;
  box-sizing: border-box;
  font-size: 1.14583333vw;
  line-height: 2;
  color: #5b5857;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .cont {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .cont img {
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox {
  padding: 5% 0;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-entitle {
  font-family: gilroy_regular;
  color: #44b041;
  font-size: 0.83333333vw;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-entitle {
    font-size: 2.4vw;
  }
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-title {
  font-weight: bold;
  color: #44b041;
  font-size: 1.45833333vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-title {
    font-size: 4.66666667vw;
  }
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .download li:not(:last-child) {
  margin-bottom: 1em;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
  background-color: #f7f7f7;
  color: #090304;
  padding: 0 6%;
  transition: all 0.5s;
  background-image: url("/images/icon-download1.png"), url("/images/icon-download2.png"), url("/images/icon-download3.png");
  background-repeat: no-repeat;
  background-position: 2% center, 98% center, 97% center;
  background-size: 2%, 1.5%, contain;
  font-size: 0.83333333vw;
  line-height: 3;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-file:hover {
  background-image: url("/images/icon-download1-hover.png"), url("/images/icon-download2-hover.png"), url("/images/icon-download3.png");
  background-color: #44b041;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
    font-size: 4vw;
  }
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  padding: 5% 0 0;
  box-sizing: border-box;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve,
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next {
  width: 40%;
  height: auto;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit,
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
  font-size: 1.04166667vw;
  color: #adadad;
  line-height: 1.5;
  white-space: nowrap;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit,
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt,
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
  font-size: 1.04166667vw;
  color: #5b5857;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt,
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a,
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a:hover .tit,
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a:hover .tit {
  color: #44b041;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a:hover .txt,
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a:hover .txt {
  color: #44b041;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a {
  justify-content: flex-start;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit {
  border-right: 1px solid #d9d9d9;
  padding-right: 0.5vw;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt {
  padding-left: 0.5vw;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
  justify-content: flex-end;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
  border-left: 1px solid #d9d9d9;
  padding-left: 0.5vw;
}
.company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
  padding-right: 0.5vw;
}
.company-layer .block-infonewsdetails .detailsbox .youList {
  width: 35%;
  height: auto;
  background: url("/images/infolist-bg.png") no-repeat right top / contain #fafafa;
  padding: 5% 5% 5% 0%;
}
.company-layer .block-infonewsdetails .detailsbox .youList .titlebox {
  padding: 0 5%;
  border-left: 7px solid #44b041;
}
.company-layer .block-infonewsdetails .detailsbox .youList .titlebox .entitle {
  font-size: 0.83333333vw;
  color: #44b041;
  font-family: gilroy_regular;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonewsdetails .detailsbox .youList .titlebox .entitle {
    font-size: 2.93333333vw;
  }
}
.company-layer .block-infonewsdetails .detailsbox .youList .titlebox .title {
  font-size: 1.45833333vw;
  color: #44b041;
  font-weight: bold;
  box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonewsdetails .detailsbox .youList .titlebox .title {
    font-size: 4.66666667vw;
  }
}
.company-layer .block-infonewsdetails .detailsbox .youList .youbox {
  width: 100%;
  height: auto;
  padding: 0 5%;
}
.company-layer .block-infonewsdetails .detailsbox .youList .youbox ul {
  width: 100%;
  height: auto;
}
.company-layer .block-infonewsdetails .detailsbox .youList .youbox li {
  width: 100%;
}
.company-layer .block-infonewsdetails .detailsbox .youList .youbox li a {
  width: 100%;
  height: auto;
  padding: 5% 0;
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  align-items: stretch;
  justify-content: flex-end;
  border-bottom: 1px solid #ebebeb;
}
.company-layer .block-infonewsdetails .detailsbox .youList .youbox li a::before {
  content: "";
  position: absolute;
  width: 0%;
  background: #44b041;
  height: 1px;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}
.company-layer .block-infonewsdetails .detailsbox .youList .youbox li:last-child a {
  border: none;
}
.company-layer .block-infonewsdetails .detailsbox .youList .youbox li .pic {
  max-width: 30%;
  height: auto;
}
.company-layer .block-infonewsdetails .detailsbox .youList .youbox li .pic img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.company-layer .block-infonewsdetails .detailsbox .youList .youbox li .cont {
  padding: 0 2%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 70%;
}
.company-layer .block-infonewsdetails .detailsbox .youList .youbox li .tit {
  font-size: 0.83333333vw;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 4% 0 3% 0;
  box-sizing: border-box;
  transition: all 0.5s;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonewsdetails .detailsbox .youList .youbox li .tit {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-infonewsdetails .detailsbox .youList .youbox li:hover .tit {
  color: #44b041;
}
.company-layer .block-infonewsdetails .detailsbox .youList .youbox li:hover a::before {
  width: 100%;
}
.company-layer .block-infonewsdetails .detailsbox .youList .youbox li .date {
  font-size: 0.83333333vw;
  color: #adadad;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonewsdetails .detailsbox .youList .youbox li .date {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 1000px) {
  .company-layer .block-infonewsdetails {
    padding: 5% 5%;
  }
  .company-layer .block-infonewsdetails .detailsbox {
    display: block;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont {
    width: 100%;
    height: auto;
    padding: 5% 0;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
    font-size: 5vw;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source {
    padding: 2% 0 1% 0;
    justify-content: space-between;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li {
    font-size: 14px;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li span {
    display: none;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li a {
    font-size: 14px;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .cont {
    font-size: 15px;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
    padding: 2% 8%;
    background-size: 4%, 3% ,contain;
    background-position: 3% center, 94% center, 97% center;
    line-height: 1.5;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage {
    flex-direction: column;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve,
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next {
    width: 100%;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a {
    justify-content: flex-start;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit {
    border-right: 1px solid #d9d9d9;
    padding: 0 1vw 0 0;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt {
    padding: 0 0 0 1vw;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
    border-left: 0;
    border-right: 1px solid #d9d9d9;
    padding: 0 1vw 0 0;
  }
  .company-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
    padding: 0 0 0 1vw;
  }
  .company-layer .block-infonewsdetails .detailsbox .youList {
    width: 100%;
    height: auto;
    padding: 5% 0;
    background: #fff;
  }
  .company-layer .block-infonewsdetails .detailsbox .youList .titlebox {
    border-left: none;
    padding: 0;
  }
  .company-layer .block-infonewsdetails .detailsbox .youList .titlebox .title {
    padding-bottom: 1%;
  }
  .company-layer .block-infonewsdetails .detailsbox .youList .youbox {
    padding: 0;
  }
  .company-layer .block-infonewsdetails .detailsbox .youList .youbox li {
    padding: 0;
  }
  .company-layer .block-infonewsdetails .detailsbox .youList .youbox li a {
    padding: 3% 0;
    flex-direction: row;
  }
  .company-layer .block-infonewsdetails .detailsbox .youList .youbox li .pic {
    width: 100%;
    order: 3;
  }
  .company-layer .block-infonewsdetails .detailsbox .youList .youbox li .tit {
    width: 100%;
    height: auto;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    order: 1;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    font-weight: unset;
    margin: 0;
  }
  .company-layer .block-infonewsdetails .detailsbox .youList .youbox li .cont {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 2% 0 0;
  }
  .company-layer .block-infonewsdetails .detailsbox .youList .youbox li .date {
    display: block;
    top: 2px;
    left: 0;
    font-weight: bold;
    padding-bottom: 5%;
  }
}
.company-layer .block-mcglobalmap {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 9;
}
.company-layer .block-mcglobalmap .map,
.company-layer .block-mcglobalmap .m-map {
  width: 100%;
  height: auto;
}
.company-layer .block-mcglobalmap .m-map {
  display: none;
}
.company-layer .block-mcglobalmap .global {
  width: 45%;
  height: auto;
  position: absolute;
  left: 10%;
  bottom: 35%;
}
.company-layer .block-mcglobalmap .global .tit {
  font-size: 2.5vw;
  font-weight: bold;
  color: #090304;
  padding-bottom: 2%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mcglobalmap .global .tit {
    font-size: 6.4vw;
  }
}
.company-layer .block-mcglobalmap .global .tit span {
  color: #45b93c;
}
.company-layer .block-mcglobalmap .global .txt {
  width: 100%;
  font-size: 0.9375vw;
  color: #393535;
  padding-right: 25%;
  box-sizing: border-box;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mcglobalmap .global .txt {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-mcglobalmap .global .globalbtn {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  padding-top: 5%;
}
.company-layer .block-mcglobalmap .global .globalbtn a {
  display: block;
  height: auto;
  padding: 2% 12% 2% 3%;
  box-sizing: border-box;
  border: 1px solid #f4f4f4;
  background: url(/images/mc-global-arrow.png) no-repeat center #ffffff;
  background-size: 3em;
  background-position: 90%;
  transition: all 0.5s;
  margin-right: 5%;
}
.company-layer .block-mcglobalmap .global .globalbtn a .btit {
  font-size: 1.09375vw;
  font-weight: bold;
  line-height: 1.5;
  color: #090304;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mcglobalmap .global .globalbtn a .btit {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-mcglobalmap .global .globalbtn a .btxt {
  font-size: 0.8vw;
  color: #adadad;
  line-height: 1.5;
  white-space: nowrap;
  transition: all 0.5s;
}
.company-layer .block-mcglobalmap .global .globalbtn a:hover {
  background: url(/images/mc-global-arrow-hover.png) no-repeat center #45b93c;
  background-size: 3em;
  background-position: 90%;
}
.company-layer .block-mcglobalmap .global .globalbtn a:hover .btit {
  color: #fff;
}
.company-layer .block-mcglobalmap .global .globalbtn a:hover .btxt {
  color: #fff;
}
.company-layer .block-mcglobalmap .exitroute {
  width: 50%;
  height: 100%;
  position: absolute;
  bottom: 0%;
  right: 0;
  z-index: 9;
}
.company-layer .block-mcglobalmap .exitroute .exit .route {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 45.5%;
  right: 48.5%;
  z-index: 99;
}
.company-layer .block-mcglobalmap .exitroute .exit .route .dian {
  width: 19px;
  height: 19px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  box-shadow: inset 0 0 0px 3px #45b93c;
}
.company-layer .block-mcglobalmap .exitroute .exit .route .dian::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(68, 176, 65, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.company-layer .block-mcglobalmap .exitroute .exit .route .dian::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(68, 176, 65, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.company-layer .block-mcglobalmap .exitroute .exit .route .site {
  width: auto;
  height: auto;
  position: absolute;
  top: 20%;
  left: 160%;
  white-space: nowrap;
}
.company-layer .block-mcglobalmap .exitroute .exit .route .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.company-layer .block-mcglobalmap .exitroute .exit .route .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.company-layer .block-mcglobalmap .exitroute .exit .route .line-japan,
.company-layer .block-mcglobalmap .exitroute .exit .route .line-europe,
.company-layer .block-mcglobalmap .exitroute .exit .route .line-middleeast,
.company-layer .block-mcglobalmap .exitroute .exit .route .line-malaysia {
  height: auto;
  position: absolute;
  z-index: -1;
  animation: maplinemask 4s linear infinite;
}
.company-layer .block-mcglobalmap .exitroute .exit .route .line-japan {
  width: 13vw;
  bottom: 0;
  left: 50%;
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 0% 100%;
}
.company-layer .block-mcglobalmap .exitroute .exit .route .line-europe {
  width: 3.4vw;
  bottom: 0;
  right: 4px;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.company-layer .block-mcglobalmap .exitroute .exit .route .line-middleeast {
  width: 14vw;
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.company-layer .block-mcglobalmap .exitroute .exit .route .line-malaysia {
  width: 3.3vw;
  top: 10%;
  right: 10%;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.company-layer .block-mcglobalmap .exitroute .exit .japan {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 64%;
  right: 22.5%;
  z-index: 99;
}
.company-layer .block-mcglobalmap .exitroute .exit .japan .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.company-layer .block-mcglobalmap .exitroute .exit .japan .site {
  width: auto;
  height: auto;
  position: absolute;
  top: -20%;
  left: 170%;
  white-space: nowrap;
}
.company-layer .block-mcglobalmap .exitroute .exit .japan .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.company-layer .block-mcglobalmap .exitroute .exit .japan .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.company-layer .block-mcglobalmap .exitroute .exit .malaysia {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 18%;
  right: 54.5%;
  z-index: 99;
}
.company-layer .block-mcglobalmap .exitroute .exit .malaysia .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.company-layer .block-mcglobalmap .exitroute .exit .malaysia .site {
  width: auto;
  height: auto;
  position: absolute;
  top: -20%;
  left: 170%;
  white-space: nowrap;
}
.company-layer .block-mcglobalmap .exitroute .exit .malaysia .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.company-layer .block-mcglobalmap .exitroute .exit .malaysia .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.company-layer .block-mcglobalmap .exitroute .exit .europe {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 94.5%;
  right: 55%;
  z-index: 99;
}
.company-layer .block-mcglobalmap .exitroute .exit .europe .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.company-layer .block-mcglobalmap .exitroute .exit .europe .site {
  width: auto;
  height: auto;
  position: absolute;
  top: 0%;
  left: 170%;
  white-space: nowrap;
}
.company-layer .block-mcglobalmap .exitroute .exit .europe .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.company-layer .block-mcglobalmap .exitroute .exit .europe .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.company-layer .block-mcglobalmap .exitroute .exit .middleeast {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 48.5%;
  right: 76%;
  z-index: 99;
}
.company-layer .block-mcglobalmap .exitroute .exit .middleeast .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.company-layer .block-mcglobalmap .exitroute .exit .middleeast .site {
  width: auto;
  height: auto;
  position: absolute;
  text-align: right;
  top: -60%;
  right: 150%;
  white-space: nowrap;
}
.company-layer .block-mcglobalmap .exitroute .exit .middleeast .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.company-layer .block-mcglobalmap .exitroute .exit .middleeast .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mcglobalmap .map {
    display: none;
  }
  .company-layer .block-mcglobalmap .m-map {
    display: block;
  }
  .company-layer .block-mcglobalmap .global {
    width: 100%;
    padding: 5%;
    bottom: unset;
    left: 0;
  }
  .company-layer .block-mcglobalmap .global .tit,
  .company-layer .block-mcglobalmap .global .txt {
    text-align: center;
    padding-right: 0;
  }
  .company-layer .block-mcglobalmap .global .globalbtn {
    justify-content: space-between;
  }
  .company-layer .block-mcglobalmap .global .globalbtn a {
    width: 47%;
    margin-right: 0;
    padding: 2% 6% 2% 3%;
    background: url(/images/mc-global-arrow-hover.png) no-repeat center #45b93c;
    background-size: 15%;
    background-position: 90%;
  }
  .company-layer .block-mcglobalmap .global .globalbtn a .btit {
    line-height: 2;
    color: #fff;
  }
  .company-layer .block-mcglobalmap .global .globalbtn a .btxt {
    display: none;
  }
  .company-layer .block-mcglobalmap .exitroute {
    width: 100%;
    height: 65%;
    bottom: 0%;
  }
  .company-layer .block-mcglobalmap .exitroute .exit .route {
    bottom: 41.5%;
    right: 45.5%;
  }
  .company-layer .block-mcglobalmap .exitroute .exit .route .site {
    top: 30%;
  }
  .company-layer .block-mcglobalmap .exitroute .exit .route .dian {
    transform: scale(0.75);
  }
  .company-layer .block-mcglobalmap .exitroute .exit .route .line-malaysia {
    width: 7.25vw;
    top: 57%;
    right: 34%;
  }
  .company-layer .block-mcglobalmap .exitroute .exit .route .line-japan {
    width: 30.5vw;
    bottom: 25%;
    left: 66%;
  }
  .company-layer .block-mcglobalmap .exitroute .exit .route .line-middleeast {
    width: 29.5vw;
    bottom: 27%;
    right: 38%;
  }
  .company-layer .block-mcglobalmap .exitroute .exit .route .line-europe {
    width: 7.75vw;
    bottom: 34%;
    right: 33%;
  }
  .company-layer .block-mcglobalmap .exitroute .exit .japan {
    bottom: 60.5%;
    right: 15%;
  }
  .company-layer .block-mcglobalmap .exitroute .exit .japan .site {
    top: 140%;
    left: 0;
  }
  .company-layer .block-mcglobalmap .exitroute .exit .japan .dian {
    transform: scale(0.5);
  }
  .company-layer .block-mcglobalmap .exitroute .exit .europe {
    bottom: 91%;
    right: 53%;
  }
  .company-layer .block-mcglobalmap .exitroute .exit .europe .dian {
    transform: scale(0.5);
  }
  .company-layer .block-mcglobalmap .exitroute .exit .middleeast {
    bottom: 45%;
    right: 75%;
  }
  .company-layer .block-mcglobalmap .exitroute .exit .middleeast .site {
    top: 54%;
    left: -165%;
    right: unset;
    text-align: left;
  }
  .company-layer .block-mcglobalmap .exitroute .exit .middleeast .dian {
    transform: scale(0.5);
  }
  .company-layer .block-mcglobalmap .exitroute .exit .malaysia {
    bottom: 13.5%;
    right: 52.5%;
  }
  .company-layer .block-mcglobalmap .exitroute .exit .malaysia .dian {
    transform: scale(0.5);
  }
}
.company-layer .block-mccoop {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 10% 5% 10%;
  z-index: 10;
}
.company-layer .block-mccoop ul {
  padding: 0% 0 6%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2vw 2vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mccoop ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.company-layer .block-mccoop li {
  box-shadow: 0 0 15px 2px rgba(68, 176, 65, 0.2);
  transition: all 0.5s;
}
.company-layer .block-mccoop li a {
  display: block;
  width: 100%;
}
.company-layer .block-mccoop li .icon {
  width: 100%;
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-layer .block-mccoop li .icon.flex-rev {
  flex-direction: row-reverse;
}
.company-layer .block-mccoop li:hover {
  transform: translateY(-10%);
}
.company-layer .block-mccoop .joinus {
  color: #44b041;
  font-size: 1.04166667vw;
  text-align: center;
  padding: 2% 0 2%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mccoop .joinus {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mccoop {
    padding: 0 5% 5% 5%;
  }
  .company-layer .block-mccoop ul {
    padding: 6% 0 6%;
  }
}
.company-layer .block-mccontact {
  width: 100%;
  height: auto;
  position: relative;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.company-layer .block-mccontact .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 28vw;
}
.company-layer .block-mccontact .bg img {
  height: 100%;
  object-fit: cover;
}
.company-layer .block-mccontact .titlebox {
  padding-top: 5%;
}
.company-layer .block-mccontact .titlebox .title {
  font-size: 2.5vw;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mccontact .titlebox .title {
    font-size: 6.4vw;
  }
}
.company-layer .block-mccontact .titlebox .text {
  font-size: 0.9375vw;
  line-height: 2;
  margin-top: 3%;
  padding: 0 25%;
  color: #cccbca;
  text-align: center;
  display: none;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mccontact .titlebox .text {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-mccontact .contact-region {
  padding: 3% 30% 0;
}
.company-layer .block-mccontact .contact-region ul {
  display: flex;
  align-items: center;
}
.company-layer .block-mccontact .contact-region ul > * {
  flex: 1;
}
.company-layer .block-mccontact .contact-region li {
  cursor: pointer;
  margin: 0 3%;
  font-size: 1.2vw;
  font-weight: bold;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  line-height: 3;
  transition: all 0.5s;
}
.company-layer .block-mccontact .contact-region li:hover,
.company-layer .block-mccontact .contact-region li.now {
  background-color: #45b93c;
}
.company-layer .block-mccontact .contact-center {
  padding: 5% 10% 5%;
  min-height: 13vw;
}
.company-layer .block-mccontact .contact-center ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5vw 5vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mccontact .contact-center ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.company-layer .block-mccontact .contact-center li:hover .picbox .pictext {
  background-color: rgba(68, 176, 65, 0.9);
}
.company-layer .block-mccontact .contact-center li:hover .contbox::after {
  left: 0;
  width: 100%;
}
.company-layer .block-mccontact .contact-center .picbox {
  position: relative;
}
.company-layer .block-mccontact .contact-center .picbox .pic {
  width: 100%;
}
.company-layer .block-mccontact .contact-center .picbox .pictext {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 3;
  font-size: 1.2vw;
  padding: 0 10%;
  text-align: center;
  transition: all 0.5s;
}
.company-layer .block-mccontact .contact-center .contbox {
  position: relative;
  font-size: 0.9375vw;
  background-color: #fff;
  padding: 5% 1%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mccontact .contact-center .contbox {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-mccontact .contact-center .contbox::after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #44b041;
  transition: all 0.5s;
}
.company-layer .block-mccontact .contact-center .contbox .conttitle {
  display: none;
  font-weight: bold;
  line-height: 2;
}
.company-layer .block-mccontact .contact-center .contbox .contline {
  line-height: 2;
}
.company-layer .block-mccontact .contact-center .contbox .contline span {
  font-weight: bold;
}
.company-layer .block-mccontact .contact-center .contbox i {
  display: inline-block;
  width: 1.2vw;
  height: 1.2vw;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-mccontact .bg {
    height: 37vw;
  }
  .company-layer .block-mccontact .titlebox .text {
    padding: 0 5%;
  }
  .company-layer .block-mccontact .contact-region {
    padding: 3% 3% 0;
  }
  .company-layer .block-mccontact .contact-region li {
    font-size: 3.73vw;
  }
  .company-layer .block-mccontact .contact-center {
    padding: 15% 5% 5%;
  }
  .company-layer .block-mccontact .contact-center ul {
    gap: 4vw 0;
  }
  .company-layer .block-mccontact .contact-center li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  .company-layer .block-mccontact .contact-center li.flex-rev {
    flex-direction: row-reverse;
  }
  .company-layer .block-mccontact .contact-center li .picbox {
    width: 33%;
  }
  .company-layer .block-mccontact .contact-center li .picbox .pictext {
    display: none;
  }
  .company-layer .block-mccontact .contact-center li .contbox {
    width: 67%;
    padding: 0 0 0 2%;
  }
  .company-layer .block-mccontact .contact-center li .contbox::after {
    display: none;
  }
  .company-layer .block-mccontact .contact-center li .contbox .conttitle {
    display: block;
    line-height: unset;
  }
  .company-layer .block-mccontact .contact-center li .contbox .contline {
    line-height: 1.5;
  }
  .company-layer .block-mccontact .contact-center li .contbox .contline i {
    display: none;
  }
  .company-layer .block-mccontact .contact-center li .contbox i {
    width: 3.7vw;
    height: 3.7vw;
  }
}
.company-layer .banner-productdetail {
  width: 100%;
  height: auto;
  position: relative;
}
.company-layer .banner-productdetail .banner-bg {
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-productdetail .banner-bg {
    height: 56.25vw;
  }
  .company-layer .banner-productdetail .banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
  }
}
.company-layer .banner-productdetail .banner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.company-layer .banner-productdetail .banner-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .banner-productdetail .banner-titlebox .banner-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-productdetail .banner-titlebox .banner-entitle {
    font-size: 4vw;
  }
}
.company-layer .banner-productdetail .banner-titlebox .banner-title {
  color: #231f20;
  font-size: 2.5vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-productdetail .banner-titlebox .banner-title {
    font-size: 6.4vw;
  }
}
.company-layer .banner-productdetail .titlebox {
  position: absolute;
  width: 100%;
  top: 15%;
  text-align: center;
}
.company-layer .banner-productdetail .titlebox .title {
  display: inline-block;
  position: relative;
  font-size: 1.66666667vw;
  padding-bottom: 1.5%;
  color: #302f2b;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-productdetail .titlebox .title {
    font-size: 4.26666667vw;
  }
}
.company-layer .banner-productdetail .titlebox .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 20%;
  left: 50%;
  transform: translate(-50%, -1.5px);
  background-color: #302f2b;
}
.company-layer .banner-productdetail .titlebox .title2 {
  margin-top: 2%;
  font-size: 3.02083333vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-productdetail .titlebox .title2 {
    font-size: 5.6vw;
  }
}
.company-layer .banner-productdetail .titlebox .description {
  margin-top: 2%;
  font-size: 1.25vw;
  padding: 0 30%;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-productdetail .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.company-layer .banner-productdetail .titlepic {
  position: absolute;
  width: 60%;
  left: 20%;
  top: 60%;
  text-align: center;
  z-index: 1;
  transition: all 0.5s;
}
.company-layer .banner-productdetail .titlepic:hover {
  transform: scale(1.05);
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-productdetail .banner-bg {
    height: 75vw;
  }
  .company-layer .banner-productdetail .titlebox .title {
    padding-bottom: 3%;
  }
  .company-layer .banner-productdetail .titlebox .title::after {
    width: 40%;
  }
  .company-layer .banner-productdetail .titlebox .description {
    padding: 0 10%;
  }
  .company-layer .banner-productdetail .titlepic {
    width: 70%;
    left: 15%;
    top: 70%;
  }
}
.company-layer .block-productdetailmaterial {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  width: 100%;
  height: auto;
  position: relative;
  background-image: url("/images/pd-material-bg.jpg");
  background-position: left top;
}
.company-layer .block-productdetailmaterial .titlebox {
  padding: 15% 0 10%;
  left: 0;
  width: 100%;
  text-align: center;
}
.company-layer .block-productdetailmaterial .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailmaterial .titlebox .title {
    font-size: 5.6vw;
  }
}
.company-layer .block-productdetailmaterial .titlebox .title span {
  font-weight: bold;
}
.company-layer .block-productdetailmaterial .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailmaterial .titlebox .description {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailmaterial .titlebox {
    padding: 15% 0 15%;
  }
  .company-layer .block-productdetailmaterial .titlebox .title {
    padding: 0%;
  }
  .company-layer .block-productdetailmaterial .titlebox .description {
    padding: 2% 5%;
  }
}
.company-layer .block-productdetailquality {
  width: 100%;
  height: auto;
  display: none;
}
.company-layer .block-productdetailquality .cutNav {
  width: 100%;
  height: auto;
  background: #fff;
}
.company-layer .block-productdetailquality .cutNav ul {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-layer .block-productdetailquality .cutNav li {
  width: auto;
  height: auto;
  padding: 0 3%;
}
.company-layer .block-productdetailquality .cutNav li a {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25% 0;
  position: relative;
  box-sizing: border-box;
}
.company-layer .block-productdetailquality .cutNav li a::before {
  content: '';
  width: 0%;
  height: 2px;
  background: #45b93c;
  position: absolute;
  bottom: 0;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
  transition: all 0.5s;
}
.company-layer .block-productdetailquality .cutNav li.now a::before {
  width: 100%;
  opacity: 1;
}
.company-layer .block-productdetailquality .cutNav li a:hover::before {
  width: 100%;
  opacity: 1;
}
.company-layer .block-productdetailquality .cutNav li a .icon {
  width: 3vw;
  height: auto;
}
.company-layer .block-productdetailquality .cutNav li a .icon img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: 0.7;
  transition: all 0.5s;
}
.company-layer .block-productdetailquality .cutNav li.now a .icon img {
  filter: none;
  opacity: 1;
}
.company-layer .block-productdetailquality .cutNav li a:hover .icon img {
  filter: none;
  opacity: 1;
}
.company-layer .block-productdetailquality .cutNav li a .tit {
  font-size: 17px;
  line-height: 1;
  padding-top: 5%;
  box-sizing: border-box;
  color: #969495;
  transition: all 0.5s;
  text-align: center;
}
.company-layer .block-productdetailquality .cutNav li.now a .tit {
  color: #45b93c;
}
.company-layer .block-productdetailquality .cutNav li a:hover .tit {
  color: #45b93c;
}
.company-layer .block-productdetailquality .qualitybox {
  width: 100%;
  height: auto;
}
.company-layer .block-productdetailquality .qualitybox ul {
  width: 100%;
  height: auto;
}
.company-layer .block-productdetailquality .qualitybox li {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  display: none;
  z-index: 9;
}
.company-layer .block-productdetailquality .qualitybox li .qualitycont {
  width: 100%;
  padding: 5% 15%;
  height: auto;
  visibility: visible;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-name: fadeInUp;
}
.company-layer .block-productdetailquality .qualitybox li.now {
  display: block;
}
.company-layer .block-productdetailquality .qualitybox li .textcont {
  width: 100%;
  height: auto;
  padding: 0 10%;
  box-sizing: border-box;
}
.company-layer .block-productdetailquality .qualitybox li .textcont .title {
  font-size: 2.5vw;
  color: #090304;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailquality .qualitybox li .textcont .title {
    font-size: 6.4vw;
  }
}
.company-layer .block-productdetailquality .qualitybox li .textcont .title span {
  color: #45b93c;
}
.company-layer .block-productdetailquality .qualitybox li .textcont .tit1 {
  font-size: 1.5625vw;
  color: #c3c3c3;
  text-align: center;
  line-height: 2;
  padding: 1% 0;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailquality .qualitybox li .textcont .tit1 {
    font-size: 4vw;
  }
}
.company-layer .block-productdetailquality .qualitybox li .textcont .txt {
  font-size: 0.9375vw;
  color: #3a3536;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailquality .qualitybox li .textcont .txt {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-productdetailquality .qualitybox li .textcont .pic {
  width: 100%;
  height: auto;
  padding-top: 5%;
}
.company-layer .block-productdetailquality .qualitybox li .textcont .pic img {
  width: auto;
  margin: auto;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.company-layer .block-productdetailquality .qualitybox li .bceffect {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.company-layer .block-productdetailquality .qualitybox li .bceffect img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all 0.5s;
}
.company-layer .block-productdetailquality .qualitybox li:hover .bceffect img {
  transform: scale(1.1);
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailquality .cutNav li a {
    padding: 8% 0;
  }
  .company-layer .block-productdetailquality .cutNav li a .icon {
    width: 9vw;
  }
  .company-layer .block-productdetailquality .cutNav li a .tit {
    font-size: 13px;
  }
  .company-layer .block-productdetailquality .qualitybox li {
    animation-name: none;
    padding: 5%;
  }
  .company-layer .block-productdetailquality .qualitybox li .qualitycont {
    padding: 5% 5%;
  }
  .company-layer .block-productdetailquality .qualitybox li .textcont {
    padding: 0;
  }
  .company-layer .block-productdetailquality .qualitybox li .textcont .pic {
    padding: 5% 15% 0;
  }
  .company-layer .block-productdetailquality .qualitybox li .textcont .tit1 {
    line-height: 1.5;
  }
  .company-layer .block-productdetailquality .qualitybox li .bceffect {
    top: 81%;
  }
}
.company-layer .block-productdetailcert {
  width: 100%;
  height: auto;
  display: none;
  background: url("/images/pd-cert-bg.jpg") no-repeat left top / cover;
  padding: 7% 0;
}
.company-layer .block-productdetailcert .titlebox {
  width: 100%;
  text-align: center;
}
.company-layer .block-productdetailcert .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailcert .titlebox .title {
    font-size: 6.4vw;
  }
}
.company-layer .block-productdetailcert .titlebox .title span {
  font-weight: bold;
}
.company-layer .block-productdetailcert .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailcert .titlebox .description {
    font-size: 3.2vw;
  }
}
.company-layer .block-productdetailcert .certlist {
  margin-top: 2%;
  padding: 0 12%;
}
.company-layer .block-productdetailcert .certlist ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 3vw;
}
.company-layer .block-productdetailcert .certlist ul.flex-rev {
  flex-direction: row-reverse;
}
.company-layer .block-productdetailcert .certlist li .icon {
  box-shadow: 0 0 20px 5px #cbcbcb;
  transition: all 0.5s;
  width: 100%;
}
.company-layer .block-productdetailcert .certlist li:hover .icon {
  transform: translateY(-10%);
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailcert .titlebox .description {
    padding: 2% 5%;
    line-height: 1.5;
  }
  .company-layer .block-productdetailcert .certlist ul {
    flex-wrap: wrap;
  }
  .company-layer .block-productdetailcert .certlist li {
    width: 30%;
  }
}
.company-layer .block-productdetailstyle {
  width: 100%;
  height: auto;
  display: none;
  background-color: #f8f8f8;
}
.company-layer .block-productdetailstyle .titlebox {
  width: 100%;
  text-align: center;
  padding: 6% 0 3%;
}
.company-layer .block-productdetailstyle .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailstyle .titlebox .title {
    font-size: 6.4vw;
  }
}
.company-layer .block-productdetailstyle .titlebox .title span {
  font-weight: bold;
}
.company-layer .block-productdetailstyle .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailstyle .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-productdetailstyle .style-slide {
  position: relative;
  margin: 0% 8% 0;
}
.company-layer .block-productdetailstyle .style-slide .pic {
  width: 100%;
  height: auto;
}
.company-layer .block-productdetailstyle .style-slide .swiper-slide-prev,
.company-layer .block-productdetailstyle .style-slide .swiper-slide-next {
  position: relative;
}
.company-layer .block-productdetailstyle .style-slide .swiper-slide-prev::before,
.company-layer .block-productdetailstyle .style-slide .swiper-slide-next::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.company-layer .block-productdetailstyle .style-slide .style-button-prev,
.company-layer .block-productdetailstyle .style-slide .style-button-next {
  position: absolute;
  top: 0%;
  width: 30%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.company-layer .block-productdetailstyle .style-slide .style-button-prev .icon,
.company-layer .block-productdetailstyle .style-slide .style-button-next .icon {
  width: 20%;
  max-width: 100px;
}
.company-layer .block-productdetailstyle .style-slide .style-button-prev .micon,
.company-layer .block-productdetailstyle .style-slide .style-button-next .micon {
  width: 50%;
  padding: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
.company-layer .block-productdetailstyle .style-slide .style-button-prev {
  left: 0%;
}
.company-layer .block-productdetailstyle .style-slide .style-button-next {
  right: 0%;
}
.company-layer .block-productdetailstyle .swiper-pagination-custom li {
  padding: 2% 30% 8%;
  display: none;
  text-align: center;
  font-size: 1.25vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailstyle .swiper-pagination-custom li {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-productdetailstyle .swiper-pagination-custom li.now {
  display: block;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailstyle .titlebox .description {
    padding: 2% 5%;
    line-height: 1.5;
  }
  .company-layer .block-productdetailstyle .style-slide {
    margin: 3% 0 0;
  }
  .company-layer .block-productdetailstyle .style-slide .style-button-prev,
  .company-layer .block-productdetailstyle .style-slide .style-button-next {
    width: 20%;
  }
  .company-layer .block-productdetailstyle .style-slide .style-button-prev .icon,
  .company-layer .block-productdetailstyle .style-slide .style-button-next .icon {
    display: none;
  }
  .company-layer .block-productdetailstyle .style-slide .style-button-prev .micon,
  .company-layer .block-productdetailstyle .style-slide .style-button-next .micon {
    display: flex;
    flex-direction: row;
  }
  .company-layer .block-productdetailstyle .style-slide .style-button-prev .micon.flex-rev,
  .company-layer .block-productdetailstyle .style-slide .style-button-next .micon.flex-rev {
    flex-direction: row-reverse;
  }
  .company-layer .block-productdetailstyle .swiper-pagination-custom li {
    padding: 2% 5% 8%;
  }
}
.company-layer .block-productdetailcolor {
  position: relative;
  padding-bottom: 5%;
}
.company-layer .block-productdetailcolor .titlebox {
  width: 100%;
  text-align: center;
  background-color: #fff;
  padding: 6% 0 3%;
}
.company-layer .block-productdetailcolor .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailcolor .titlebox .title {
    font-size: 5.6vw;
  }
}
.company-layer .block-productdetailcolor .titlebox .title span {
  font-weight: bold;
}
.company-layer .block-productdetailcolor .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailcolor .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-productdetailcolor .color-slide {
  position: relative;
  margin: 0 12%;
}
.company-layer .block-productdetailcolor .color-slide .pic {
  width: 100%;
  height: auto;
  border-radius: 7px;
}
.company-layer .block-productdetailcolor .color-slide .pic img {
  border-radius: 4px;
}
.company-layer .block-productdetailcolor .color-slide .swiper-pagination-custom {
  height: 4.5vw;
  margin: 0 auto;
  width: 100%;
  max-width: 41vw;
  margin-top: 4%;
  z-index: 10;
}
.company-layer .block-productdetailcolor .color-slide .swiper-pagination-custom ul {
  overflow-x: scroll;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.company-layer .block-productdetailcolor .color-slide .swiper-pagination-custom ul::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.company-layer .block-productdetailcolor .color-slide .swiper-pagination-custom li {
  flex-shrink: 0;
  width: 6vw;
  margin: 0 1%;
  border-radius: 6px;
  padding: 2px;
  border: 2px solid transparent;
}
.company-layer .block-productdetailcolor .color-slide .swiper-pagination-custom li.now {
  border: 2px solid #44b041;
}
.company-layer .block-productdetailcolor .color-button {
  position: absolute;
  width: 100%;
  display: flex;
  bottom: 14%;
  box-sizing: border-box;
  justify-content: space-between;
}
.company-layer .block-productdetailcolor .color-button .color-button-prev,
.company-layer .block-productdetailcolor .color-button .color-button-next {
  position: absolute;
  cursor: pointer;
  width: 10%;
  height: 100%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.company-layer .block-productdetailcolor .color-button .color-button-prev .icon,
.company-layer .block-productdetailcolor .color-button .color-button-next .icon {
  width: 40%;
}
.company-layer .block-productdetailcolor .color-button .color-button-prev {
  left: 12%;
}
.company-layer .block-productdetailcolor .color-button .color-button-next {
  right: 12%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-productdetailcolor {
    padding-bottom: 10%;
  }
  .company-layer .block-productdetailcolor .titlebox {
    padding: 15% 0 6%;
  }
  .company-layer .block-productdetailcolor .titlebox .description {
    padding: 2% 10%;
  }
  .company-layer .block-productdetailcolor .color-slide .swiper-pagination-custom {
    max-width: 39vw;
    height: 8vw;
  }
  .company-layer .block-productdetailcolor .color-slide .swiper-pagination-custom li {
    width: 12vw;
  }
  .company-layer .block-productdetailcolor .color-button {
    bottom: 16vw;
  }
  .company-layer .block-productdetailcolor .color-button .color-button-prev .icon,
  .company-layer .block-productdetailcolor .color-button .color-button-next .icon {
    width: 60%;
  }
}
.company-layer .block-respadvantage {
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.company-layer .block-respadvantage .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .block-respadvantage .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respadvantage .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.company-layer .block-respadvantage .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respadvantage .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.company-layer .block-respadvantage .list {
  margin: 3% 0;
}
.company-layer .block-respadvantage .list ul {
  display: flex;
  justify-content: space-between;
  padding: 0 35%;
}
.company-layer .block-respadvantage .list li {
  cursor: pointer;
  text-align: center;
  color: #adadad;
}
.company-layer .block-respadvantage .list li .num {
  display: inline-block;
  font-family: gilroy_bold;
  font-size: 2.08333333vw;
  padding-bottom: 3%;
  border-bottom: 3px solid #adadad;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respadvantage .list li .num {
    font-size: 5.33333333vw;
  }
}
.company-layer .block-respadvantage .list li .txt {
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respadvantage .list li .txt {
    font-size: 4vw;
  }
}
.company-layer .block-respadvantage .list li:hover,
.company-layer .block-respadvantage .list li.now {
  color: #44b041;
}
.company-layer .block-respadvantage .list li:hover .num,
.company-layer .block-respadvantage .list li.now .num {
  border-bottom: 3px solid #44b041;
}
.company-layer .block-respadvantage .piclist ul {
  margin: 0 8%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.company-layer .block-respadvantage .piclist ul.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respadvantage .piclist ul {
    flex-direction: column;
  }
  .company-layer .block-respadvantage .piclist ul.flex-rev {
    flex-direction: column-reverse;
  }
}
.company-layer .block-respadvantage .piclist li {
  flex: 1;
}
.company-layer .block-respadvantage .piclist li .imgbox {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.company-layer .block-respadvantage .piclist li .imgbox .imgcont {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #44b041;
  color: #fff;
  transition: all 0.5s;
}
.company-layer .block-respadvantage .piclist li .imgbox .contbox {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.company-layer .block-respadvantage .piclist li .imgbox .contbox .img {
  height: 4vw;
  max-height: 75px;
  width: auto;
  max-width: unset;
}
.company-layer .block-respadvantage .piclist li .imgbox .contbox .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.company-layer .block-respadvantage .piclist li .imgbox .contbox .tit {
  position: relative;
  margin-top: 2%;
  font-size: 1.5625vw;
  padding-bottom: 2%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respadvantage .piclist li .imgbox .contbox .tit {
    font-size: 4.66666667vw;
  }
}
.company-layer .block-respadvantage .piclist li .imgbox .contbox .tit::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 30%;
  height: 3px;
  background-color: #fff;
  left: 35%;
}
.company-layer .block-respadvantage .piclist li .imgbox .contbox .txt {
  margin-top: 2%;
  padding: 0 10%;
  font-size: 0.83333333vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respadvantage .piclist li .imgbox .contbox .txt {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respadvantage .list {
    margin: 4% 0 1%;
  }
  .company-layer .block-respadvantage .list ul {
    padding: 0 10%;
  }
  .company-layer .block-respadvantage .piclist ul {
    margin: 0;
  }
  .company-layer .block-respadvantage .piclist li {
    padding: 2.5% 5%;
  }
  .company-layer .block-respadvantage .piclist li .imgbox {
    min-height: 85vw;
  }
  .company-layer .block-respadvantage .piclist li .imgbox .imgcont {
    position: relative;
    box-sizing: border-box;
    padding: 10% 0;
  }
  .company-layer .block-respadvantage .piclist li .imgbox .imgcont .img {
    height: 12vw;
  }
  .company-layer .block-respadvantage .piclist li .imgbox .contbox .txt {
    padding: 0 5%;
  }
}
.company-layer .block-respcharity {
  background-color: #f5fcf6;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.company-layer .block-respcharity .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .block-respcharity .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respcharity .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.company-layer .block-respcharity .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respcharity .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.company-layer .block-respcharity .block-titlebox .block-subtitle {
  margin-top: 2%;
  color: #cacdca;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respcharity .block-titlebox .block-subtitle {
    font-size: 4vw;
  }
}
.company-layer .block-respcharity .charitylist {
  width: 100%;
  height: auto;
  margin: auto;
  overflow: hidden;
  padding: 5% 0 5% 12%;
}
.company-layer .block-respcharity .charitylist .scrollbox {
  width: 100%;
  height: auto;
  margin: auto;
  overflow-y: hidden;
  box-sizing: border-box;
  padding-bottom: 36px;
  overflow-x: scroll;
  align-items: center;
  display: flex;
}
.company-layer .block-respcharity .charitylist .scrollbox::-webkit-scrollbar {
  width: 10px;
  height: 6px;
}
.company-layer .block-respcharity .charitylist .scrollbox::-webkit-scrollbar-thumb {
  background-color: #45b93c;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
.company-layer .block-respcharity .charitylist .scrollbox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgb(0 0 0%);
  background: #cecdce;
}
.company-layer .block-respcharity .charitylist .scrollbox ul {
  display: flex;
}
.company-layer .block-respcharity .charitylist .scrollbox ul > * {
  display: block;
  flex-shrink: 0;
}
.company-layer .block-respcharity .charitylist .scrollbox li {
  width: 30vw;
  height: auto;
  display: inline-block;
  margin-right: 15px;
  position: relative;
}
.company-layer .block-respcharity .charitylist .scrollbox .cont {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 0.72916667vw;
  line-height: 1.5;
  padding: 2% 5%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respcharity .charitylist .scrollbox .cont {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respcharity .charitylist .scrollbox li {
    width: 60vw;
  }
}
.company-layer .block-respparty {
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.company-layer .block-respparty .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .block-respparty .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respparty .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.company-layer .block-respparty .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respparty .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.company-layer .block-respparty .block-titlebox .block-description {
  padding: 2% 20%;
  font-size: 1.04166667vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respparty .block-titlebox .block-description {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-respparty .partylist {
  padding: 2% 7% 5%;
}
.company-layer .block-respparty .partylist .imgbox {
  margin: 5%;
  padding-bottom: 10%;
}
.company-layer .block-respparty .partylist .imgbox .img {
  position: relative;
  width: 100%;
}
.company-layer .block-respparty .partylist .imgbox .img::before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 0;
  width: 100%;
  background-color: #44b041;
  transition: all 0.5s;
}
.company-layer .block-respparty .partylist .imgbox .cont .cont-tit {
  margin-top: 3%;
  line-height: 1.5;
  font-size: 1.25vw;
  font-weight: bold;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respparty .partylist .imgbox .cont .cont-tit {
    font-size: 4.53333333vw;
  }
}
.company-layer .block-respparty .partylist .imgbox .cont .cont-txt {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: #8f8e8e;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respparty .partylist .imgbox .cont .cont-txt {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-respparty .partylist .imgbox .cont .cont-date {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: #8f8e8e;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respparty .partylist .imgbox .cont .cont-date {
    font-size: 3.46666667vw;
  }
}
.company-layer .block-respparty .partylist .imgbox:hover .img::before {
  height: 10px;
}
.company-layer .block-respparty .partylist .imgbox:hover .cont-tit {
  color: #44b041;
}
.company-layer .block-respparty .partylist .imgbox:hover .cont-txt {
  color: #090304;
}
.company-layer .block-respparty .partylist .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-layer .block-respparty .partylist .swiper-pagination-bullet {
  width: 0.42vw;
  height: 0.42vw;
  margin: 0 0.42vw;
}
.company-layer .block-respparty .partylist .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.84vw;
  height: 0.84vw;
  background: #44b041;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respparty .partylist {
    padding: 5%;
  }
  .company-layer .block-respparty .partylist .swiper-pagination-bullet {
    width: 1.86vw;
    height: 1.86vw;
    margin: 0 1.86vw;
  }
  .company-layer .block-respparty .partylist .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 3.73vw;
    height: 3.73vw;
  }
  .company-layer .block-respparty .partylist .imgbox:hover .img::before {
    height: 5px;
  }
  .company-layer .block-respparty .partylist .imgbox .cont .cont-txt {
    margin-top: 0;
  }
}
@media screen and (max-width: 1000px) {
  .company-layer .block-respparty .block-titlebox .block-description {
    padding: 2% 5%;
  }
}
.company-layer .block-talentidea {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background: url('/images/talent-bg1.jpg') no-repeat left bottom;
  background-size: contain;
}
.company-layer .block-talentidea .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .block-talentidea .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentidea .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.company-layer .block-talentidea .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentidea .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.company-layer .block-talentidea .block-titlebox .block-description {
  margin-top: 1%;
  color: #cacdca;
  font-size: 1.5625vw;
}
.company-layer .block-talentidea .list {
  padding: 5% 11% 23%;
  text-align: center;
}
.company-layer .block-talentidea .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentidea .list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.company-layer .block-talentidea .list li {
  color: #090304;
  margin-top: 5%;
  transition: all 0.5s;
}
.company-layer .block-talentidea .list li .icon {
  height: 1.14583333vw;
  background: url('/images/icon-quote.png') no-repeat center center / 5%;
  opacity: 0;
  margin-bottom: 2%;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentidea .list li .icon {
    height: 2.93333333vw;
  }
}
.company-layer .block-talentidea .list li .tit {
  display: inline-block;
  font-size: 1.66666667vw;
  padding-bottom: 2%;
  border-bottom: 1px solid #b5b4b3;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentidea .list li .tit {
    font-size: 4.66666667vw;
  }
}
.company-layer .block-talentidea .list li .txt {
  padding-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentidea .list li .txt {
    font-size: 3.46666667vw;
  }
}
.company-layer .block-talentidea .list li:hover {
  color: #44b041;
}
.company-layer .block-talentidea .list li:hover .icon {
  opacity: 1;
}
.company-layer .block-talentidea .list li:hover .tit {
  border-bottom-color: #44b041;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentidea .list {
    padding: 5% 4% 23%;
  }
}
.company-layer .block-talentenviroment {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.company-layer .block-talentenviroment .block-titlebox .block-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentenviroment .block-titlebox .block-description {
    font-size: 4vw;
  }
}
.company-layer .block-talentenviroment .list {
  margin: 5% 8%;
  display: flex;
}
.company-layer .block-talentenviroment .list ul {
  flex: 1;
}
.company-layer .block-talentenviroment .list.grid1x2 ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.company-layer .block-talentenviroment .list.grid2x2 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.company-layer .block-talentenviroment .list.grid4x2 ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentenviroment .list.grid4x2 {
    flex-direction: column;
  }
  .company-layer .block-talentenviroment .list.grid4x2 ul:nth-child(2) {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}
.company-layer .block-talentenviroment .list.grid3x3 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.company-layer .block-talentenviroment .list.grid4x4 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentenviroment .list.grid4x4 ul:nth-child(2) {
    flex-direction: column;
  }
  .company-layer .block-talentenviroment .list.grid4x4 ul:nth-child(2) ul:nth-child(2) {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 1fr);
  }
}
.company-layer .block-talentenviroment .list ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.company-layer .block-talentenviroment .list .pictext {
  color: #fff;
  text-align: center;
}
.company-layer .block-talentenviroment .list .pictext .cntitle {
  font-size: 1.45833333vw;
  font-weight: bold;
}
.company-layer .block-talentenviroment .list .pictext .entitle {
  font-size: 1.25vw;
}
.company-layer .block-talentenviroment .list ul:nth-child(2) .pictext .cntitle {
  font-size: 1.45833333vw;
}
.company-layer .block-talentenviroment .list ul:nth-child(2) .pictext .entitle {
  font-size: 1.25vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentenviroment .list {
    margin: 5% 0 0;
  }
}
.company-layer .block-talentgift {
  width: 100%;
  height: auto;
  position: relative;
  padding: 5% 0 0;
  overflow: hidden;
  background-image: url('/images/talent-bg2.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.company-layer .block-talentgift .block-titlebox .block-title {
  color: #fff;
}
.company-layer .block-talentgift .block-titlebox .block-subtitle {
  color: #fff;
  font-size: 1.5625vw;
  margin-top: 0%;
  opacity: 0.7;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentgift .block-titlebox .block-subtitle {
    font-size: 4.93333333vw;
  }
}
.company-layer .block-talentgift .giftlist {
  margin: 5% 12% 6%;
  box-shadow: 0 0 10px 2px #adadad;
}
.company-layer .block-talentgift .giftlist ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentgift .giftlist ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.company-layer .block-talentgift .giftlist .giftbox {
  padding: 10%;
  display: flex;
  flex-direction: column;
  color: #44b041;
  background-color: #fff;
  align-items: center;
  text-align: center;
}
.company-layer .block-talentgift .giftlist .giftbox.flex-rev {
  flex-direction: column-reverse;
}
.company-layer .block-talentgift .giftlist .giftbox .imgbox .img {
  width: 40%;
  max-width: 40px;
  display: inline-flex;
}
.company-layer .block-talentgift .giftlist .giftbox .imgbox .entitle {
  font-family: gilroy_regular;
  font-size: 0.83333333vw;
  text-transform: uppercase;
  padding: 20% 0 0;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentgift .giftlist .giftbox .imgbox .entitle {
    display: none;
  }
}
.company-layer .block-talentgift .giftlist .giftbox .imgbox .title {
  font-size: 1.35416667vw;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentgift .giftlist .giftbox .imgbox .title {
    font-size: 4.66666667vw;
  }
}
.company-layer .block-talentgift .giftlist .giftbox .descbox {
  padding: 4% 10% 0;
  font-size: 0.9375vw;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentgift .giftlist .giftbox .descbox {
    font-size: 3.46666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentgift .block-titlebox .block-subtitle {
    margin-top: 0%;
  }
  .company-layer .block-talentgift .giftlist {
    box-shadow: none;
  }
  .company-layer .block-talentgift .giftlist li {
    margin: 5% 0;
    box-shadow: 0 0 5px 2px #dddddd;
  }
  .company-layer .block-talentgift .giftlist .giftbox .descbox {
    padding: 0% 5%;
  }
}
.company-layer .block-talentworking {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.company-layer .block-talentworking .block-titlebox .block-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentworking .block-titlebox .block-description {
    font-size: 4vw;
  }
}
.company-layer .block-talentworking .list .pictextwrapper {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  padding: 7% 7%;
}
.company-layer .block-talentworking .list .pictextwrapper .pictextbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.company-layer .block-talentworking .list .pictextwrapper .pictextbox {
  width: 60%;
  height: auto;
  position: relative;
  z-index: 1;
}
.company-layer .block-talentworking .list .pictextwrapper .pictextbox .picbox {
  width: 80%;
  height: auto;
  transform: translate(66%, 0%);
  overflow: hidden;
}
.company-layer .block-talentworking .list .pictextwrapper .pictextbox .textbox {
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  padding: 5% 40% 5% 9%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.company-layer .block-talentworking .list .pictextwrapper.textbox-left {
  justify-content: flex-start;
}
.company-layer .block-talentworking .list .pictextwrapper.textbox-left .pictextbox {
  left: 5%;
}
.company-layer .block-talentworking .list .pictextwrapper.textbox-left .pictextbox .textbox {
  padding: 5% 40% 5% 9%;
}
.company-layer .block-talentworking .list .pictextwrapper.textbox-left .pictextbox .picbox {
  transform: translate(86%, 0);
}
.company-layer .block-talentworking .list .pictextwrapper.textbox-left.picbox-up .pictextbox .picbox {
  transform: translate(86%, -10%);
}
.company-layer .block-talentworking .list .pictextwrapper.textbox-left.picbox-down .pictextbox .picbox {
  transform: translate(86%, 10%);
}
.company-layer .block-talentworking .list .pictextwrapper.textbox-right {
  justify-content: flex-end;
}
.company-layer .block-talentworking .list .pictextwrapper.textbox-right .pictextbox {
  right: 5%;
}
.company-layer .block-talentworking .list .pictextwrapper.textbox-right .pictextbox .textbox {
  padding: 5% 9% 5% 40%;
}
.company-layer .block-talentworking .list .pictextwrapper.textbox-right .pictextbox .picbox {
  transform: translate(-66%, 0);
}
.company-layer .block-talentworking .list .pictextwrapper.textbox-right.picbox-up .pictextbox .picbox {
  transform: translate(-66%, -10%);
}
.company-layer .block-talentworking .list .pictextwrapper.textbox-right.picbox-down .pictextbox .picbox {
  transform: translate(-66%, 10%);
}
.company-layer .block-talentworking .list .pictextwrapper .sub-titlebox {
  align-self: flex-start;
  text-align: left;
}
.company-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-entitle {
  font-family: gilroy_bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #44b041;
  font-size: 0.9375vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-entitle {
    font-size: 3.2vw;
  }
}
.company-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
  color: #090304;
  font-size: 1.875vw;
  position: relative;
  padding-bottom: 0.5em;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    color: #44b041;
  }
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    font-size: 4.8vw;
  }
}
.company-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 50%;
  height: 0.2vw;
  bottom: 0;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
  transition: all 0.5s;
}
.company-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title:hover::after {
  width: 100%;
  height: 0.2vw;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
}
.company-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span {
  color: #44b041;
}
.company-layer .block-talentworking .list .pictextwrapper .sub-contentbox {
  font-size: 1.25vw;
  color: #5b5857;
  margin-top: 10%;
  align-self: flex-start;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentworking .list .pictextwrapper .sub-contentbox {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 1000px) {
  .company-layer .block-talentworking .list .pictextwrapper {
    padding: 0;
    margin: 5% 0;
  }
  .company-layer .block-talentworking .list .pictextwrapper .pictextbox {
    left: unset !important;
    right: unset !important;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }
  .company-layer .block-talentworking .list .pictextwrapper .pictextbox .picbox {
    transform: none !important;
    padding: 0 5% 5%;
    width: 100%;
    background: linear-gradient(#f9f9f9, #fff);
  }
  .company-layer .block-talentworking .list .pictextwrapper .pictextbox .textbox {
    position: static;
    padding: 8% 5% 5% 5% !important;
  }
  .company-layer .block-talentworking .list .pictextwrapper .sub-titlebox {
    align-self: center;
    text-align: center;
  }
  .company-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    position: relative;
    padding-bottom: 0.5em;
    display: inline-block;
  }
  .company-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title::after {
    position: absolute;
    content: "";
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .company-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title:hover::after {
    width: 50%;
    height: 1px;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
  }
  .company-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span {
    position: relative;
    padding-bottom: 2%;
    display: inline-block;
  }
  .company-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    bottom: 0;
    left: 50%;
    background-color: #fff;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .company-layer .block-talentworking .list .pictextwrapper .sub-contentbox {
    margin-top: 5%;
    align-self: center;
  }
}
.company-layer .block-jobnotice {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fafafa;
}
.company-layer .block-jobnotice.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-jobnotice {
    flex-direction: column;
  }
  .company-layer .block-jobnotice.flex-rev {
    flex-direction: column-reverse;
  }
}
.company-layer .block-jobnotice .noticebox {
  flex: 3;
  padding: 5% 12%;
}
.company-layer .block-jobnotice .noticebox .sub-titlebox {
  font-size: 1.875vw;
  font-weight: bold;
  position: relative;
  padding-bottom: 2%;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-jobnotice .noticebox .sub-titlebox {
    font-size: 4.8vw;
  }
}
.company-layer .block-jobnotice .noticebox .sub-titlebox::after {
  position: absolute;
  content: "";
  width: 50%;
  height: 0.15vw;
  bottom: 0;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
  transition: all 0.5s;
}
.company-layer .block-jobnotice .noticebox .sub-titlebox:hover::after {
  width: 100%;
  height: 0.15vw;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
}
.company-layer .block-jobnotice .noticebox .sub-descbox {
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-jobnotice .noticebox .sub-descbox {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-jobnotice .noticebox .sub-descbox span {
  color: #44b041;
}
.company-layer .block-jobnotice .img {
  flex: 2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-jobnotice .noticebox {
    padding: 10% 12% 5% 12%;
  }
  .company-layer .block-jobnotice .noticebox .sub-titlebox {
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 3%;
    display: inline-block;
  }
  .company-layer .block-jobnotice .noticebox .sub-titlebox::after {
    position: absolute;
    content: "";
    width: 2em;
    height: 0.5vw;
    bottom: 0;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .company-layer .block-jobnotice .noticebox .sub-titlebox:hover::after {
    width: 2em;
    height: 0.5vw;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
  }
  .company-layer .block-jobnotice .img {
    display: none;
  }
}
.company-layer .block-jobjob {
  width: 100%;
  height: auto;
  padding: 5% 12%;
  background-color: #f6f6f7;
}
.company-layer .block-jobjob .arealist {
  display: flex;
  flex-direction: row;
}
.company-layer .block-jobjob .arealist.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-jobjob .arealist {
    flex-direction: column;
  }
  .company-layer .block-jobjob .arealist.flex-rev {
    flex-direction: column-reverse;
  }
}
.company-layer .block-jobjob .arealist .area-title {
  font-size: 1.14583333vw;
  color: #44b041;
  padding-right: 5%;
  border-right: 1px solid #d1d1d2;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-jobjob .arealist .area-title {
    font-size: 5.06666667vw;
  }
}
.company-layer .block-jobjob .arealist ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 5%;
}
.company-layer .block-jobjob .arealist ul.flex-rev {
  flex-direction: row-reverse;
}
.company-layer .block-jobjob .arealist li {
  margin-right: 15%;
}
.company-layer .block-jobjob .arealist li.now .areabox .area-name,
.company-layer .block-jobjob .arealist li:hover .areabox .area-name {
  color: #44b041;
}
.company-layer .block-jobjob .arealist li.now .areabox .area-job,
.company-layer .block-jobjob .arealist li:hover .areabox .area-job {
  background-color: #44b041;
  color: #fff;
}
.company-layer .block-jobjob .arealist .areabox {
  display: block;
  position: relative;
}
.company-layer .block-jobjob .arealist .areabox .area-name {
  color: #767676;
  white-space: nowrap;
  padding: 0 0.5em;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-jobjob .arealist .areabox .area-name {
    font-size: 4vw;
  }
}
.company-layer .block-jobjob .arealist .areabox .area-job {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 1000vw;
  padding: 0 0.3645833333333333vw;
  background-color: #767676;
  color: #fff;
  transform: translate(50%, -50%);
  font-size: 0.72916667vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-jobjob .arealist .areabox .area-job {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-jobjob .joblist ul {
  width: 100%;
  padding: 5% 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-jobjob .joblist ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.company-layer .block-jobjob .joblist .jobbox {
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  padding: 5%;
  transition: all 0.5s;
}
.company-layer .block-jobjob .joblist .jobbox:hover {
  box-shadow: 0 0 10px 4px rgba(69, 185, 60, 0.3), inset 0 -3px 0 0 #44b041;
  transform: translateY(-10%);
}
.company-layer .block-jobjob .joblist .jobbox .job-titlebox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 3%;
  border-bottom: 1px solid #efefef;
}
.company-layer .block-jobjob .joblist .jobbox .job-titlebox.flex-rev {
  flex-direction: row-reverse;
}
.company-layer .block-jobjob .joblist .jobbox .job-title {
  font-size: 1.5625vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-jobjob .joblist .jobbox .job-title {
    font-size: 4vw;
  }
}
.company-layer .block-jobjob .joblist .jobbox .job-area {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.83333333vw;
}
.company-layer .block-jobjob .joblist .jobbox .job-area.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-jobjob .joblist .jobbox .job-area {
    font-size: 3.2vw;
  }
}
.company-layer .block-jobjob .joblist .jobbox .job-area .marker {
  display: block;
  width: 1em;
  height: 1em;
  max-width: 15px;
  max-height: 17px;
  background: url(/images/mc-mark.png) no-repeat center;
  background-size: contain;
}
.company-layer .block-jobjob .joblist .jobbox .job-area .text {
  font-size: 0.83333333vw;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-jobjob .joblist .jobbox .job-area .text {
    font-size: 3.2vw;
  }
}
.company-layer .block-jobjob .joblist .jobbox .job-request {
  margin-top: 3%;
  font-size: 0.83333333vw;
  color: #5b5857;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-jobjob .joblist .jobbox .job-request {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-jobjob .joblist .jobbox .job-request.flex-rev {
  flex-direction: row-reverse;
}
.company-layer .block-jobjob .joblist .jobbox .job-request span {
  height: auto;
  width: 1px;
  background-color: #efefef;
  margin: 0 5%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-jobjob {
    padding: 5% 5%;
    background-color: #fff;
  }
  .company-layer .block-jobjob .arealist .area-title {
    padding-right: 0%;
    text-align: center;
    border-right: 0;
    display: none;
  }
  .company-layer .block-jobjob .arealist ul {
    flex-wrap: wrap;
    margin: 5% 0% 0%;
  }
  .company-layer .block-jobjob .arealist li {
    margin: 2.5%;
  }
  .company-layer .block-jobjob .arealist li.now .areabox,
  .company-layer .block-jobjob .arealist li:hover .areabox {
    box-sizing: border-box;
    background-color: #daf1d8;
  }
  .company-layer .block-jobjob .arealist li.now .areabox .area-name,
  .company-layer .block-jobjob .arealist li:hover .areabox .area-name {
    color: #44b041;
  }
  .company-layer .block-jobjob .arealist li.now .areabox .area-job,
  .company-layer .block-jobjob .arealist li:hover .areabox .area-job {
    background-color: #44b041;
  }
  .company-layer .block-jobjob .arealist .areabox {
    background-color: #f5f5f5;
    border-radius: 0.05rem;
  }
  .company-layer .block-jobjob .arealist .areabox .area-name {
    padding: 0.5em 0.75em;
    color: #7c7e80;
  }
  .company-layer .block-jobjob .arealist .areabox .area-job {
    background-color: #7c7e80;
    color: #fff;
    box-sizing: border-box;
    line-height: 1.5;
    padding: 0 1.666666666666667vw;
  }
}
.company-layer .banner-contact .map-container {
  width: 100vw;
  height: 56.25vw;
  position: relative;
}
.company-layer .banner-contact .map-container .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 9%;
  background: linear-gradient(to bottom, #fff 0%, #fff 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.company-layer .banner-contact .map-container .map-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-contact .bg {
    height: 50px;
  }
}
.company-layer .block-contactfindus {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.company-layer .block-contactfindus .main-titlebox {
  text-align: center;
}
.company-layer .block-contactfindus .main-titlebox .main-entitle {
  font-family: gilroy_bold;
  letter-spacing: 0.2em;
  font-size: 1.5625vw;
  text-transform: uppercase;
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactfindus .main-titlebox .main-entitle {
    font-size: 4vw;
  }
}
.company-layer .block-contactfindus .main-titlebox .main-title {
  color: #090304;
  font-size: 2.5vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactfindus .main-titlebox .main-title {
    font-size: 6.4vw;
  }
}
.company-layer .block-contactfindus .main-titlebox .main-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactfindus .main-titlebox .main-description {
    font-size: 4vw;
  }
}
.company-layer .block-contactfindus .list {
  padding: 5% 12%;
}
.company-layer .block-contactfindus .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactfindus .list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.company-layer .block-contactfindus .list li {
  padding: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.company-layer .block-contactfindus .list li.flex-rev {
  flex-direction: column-reverse;
}
.company-layer .block-contactfindus .list li:hover .icon {
  filter: invert(49%) sepia(26%) saturate(4662%) hue-rotate(85deg) brightness(118%) contrast(52%);
}
.company-layer .block-contactfindus .list li:hover .tit,
.company-layer .block-contactfindus .list li:hover .txt {
  color: #44b041;
}
.company-layer .block-contactfindus .list .icon {
  width: 15%;
}
.company-layer .block-contactfindus .list .tit {
  margin: 3% 0;
  color: #090304;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactfindus .list .tit {
    font-size: 4.66666667vw;
  }
}
.company-layer .block-contactfindus .list .txt {
  text-align: center;
  color: #5b5857;
  font-size: 0.9375vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactfindus .list .txt {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-contactfindus .list .qrcode {
  width: 38%;
  border: 1px solid #eee;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactfindus .list {
    padding: 5%;
  }
  .company-layer .block-contactfindus .list .icon {
    width: 30%;
  }
  .company-layer .block-contactfindus .list .qrcode {
    width: 45%;
  }
}
.company-layer .block-contactsubsidiary {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-color: #f7f7f7;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.company-layer .block-contactsubsidiary .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .block-contactsubsidiary .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactsubsidiary .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.company-layer .block-contactsubsidiary .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactsubsidiary .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.company-layer .block-contactsubsidiary .list {
  padding: 5% 5% 0;
}
.company-layer .block-contactsubsidiary .list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactsubsidiary .list ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.company-layer .block-contactsubsidiary .list li {
  margin: 5%;
}
.company-layer .block-contactsubsidiary .list li:nth-of-type(3n) .subsidiarybox {
  border-right: none;
}
.company-layer .block-contactsubsidiary .list .subsidiarybox {
  padding: 0 8.75%;
  margin: 5% 0;
  border-right: 1px solid #eaeaea;
  cursor: pointer;
}
.company-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 3%;
}
.company-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
    flex-direction: row;
  }
  .company-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox.flex-rev {
    flex-direction: row-reverse;
  }
}
.company-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title {
  transition: all 0.5s;
  font-size: 1.25vw;
  font-weight: bold;
  color: #090304;
  position: relative;
  padding-bottom: 0.75em;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title {
    font-size: 4vw;
  }
}
.company-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0%;
  background-color: #d2d2d2;
  transform: translateX(0%);
  transition: all 0.5s;
}
.company-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
  font-size: 1.25vw;
  color: #5b5857;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 1001px) {
  .company-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
    display: none;
  }
}
.company-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area i {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
.company-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox {
  transition: all 0.5s;
  font-size: 0.83333333vw;
  line-height: 1.5;
  color: #484848;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox {
    font-size: 3.73333333vw;
  }
}
.company-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox p {
  margin: 2% 0;
  line-height: 1.5;
}
.company-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox i {
  display: inline-block;
  width: 0.8333333333333334vw;
  height: 0.8333333333333334vw;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox i {
    display: none;
  }
}
.company-layer .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-title {
  color: #45b93c;
  position: relative;
  padding-bottom: 0.75em;
  display: inline-block;
}
.company-layer .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0%;
  background-color: #45b93c;
  transform: translateX(0%);
  transition: all 0.5s;
}
.company-layer .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-area {
  color: #45b93c;
}
.company-layer .block-contactsubsidiary .list .subsidiarybox:hover .sub-descbox {
  color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactsubsidiary .list li {
    background: #fff;
    margin: 2.5% 0;
    border-right: 0;
  }
  .company-layer .block-contactsubsidiary .list .subsidiarybox {
    padding: 0 5%;
    border-right: 0;
  }
  .company-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
    padding: 0;
    border-bottom: 1px solid #eee;
  }
  .company-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title::after {
    display: none;
  }
}
.company-layer .block-contactservice {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 15% 3.33vw;
  overflow: hidden;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.company-layer .block-contactservice .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.company-layer .block-contactservice .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactservice .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.company-layer .block-contactservice .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactservice .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.company-layer .block-contactservice .list {
  padding: 5% 8%;
}
.company-layer .block-contactservice .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.company-layer .block-contactservice .list li {
  width: 100%;
}
.company-layer .block-contactservice .list li:not(:last-child) {
  border-right: 1px solid #e6e6e6;
}
.company-layer .block-contactservice .list .iconbox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.company-layer .block-contactservice .list .iconbox.flex-rev {
  flex-direction: column-reverse;
}
.company-layer .block-contactservice .list .iconbox .icon {
  width: 15%;
}
.company-layer .block-contactservice .list .iconbox .title {
  margin: 3% 0;
  color: #090304;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactservice .list .iconbox .title {
    font-size: 3.46666667vw;
  }
}
.company-layer .block-contactservice .messageform {
  display: flex;
  flex-direction: column;
}
.company-layer .block-contactservice .messageform.flex-rev {
  flex-direction: column-reverse;
}
.company-layer .block-contactservice .messageform ul {
  display: flex;
  flex-direction: row;
  padding: 0 5%;
  justify-content: space-between;
}
.company-layer .block-contactservice .messageform ul.flex-rev {
  flex-direction: row-reverse;
}
.company-layer .block-contactservice .messageform li {
  width: 100%;
  padding: 1.5% 2%;
}
.company-layer .block-contactservice .messageform li input {
  border: 1px solid #d6d6d6;
  width: 100%;
  font-size: 1.14583333vw;
  padding: 3% 5%;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactservice .messageform li input {
    font-size: 2.93333333vw;
  }
}
.company-layer .block-contactservice .messageform li input::placeholder {
  color: #090304;
}
.company-layer .block-contactservice .messageform li select {
  width: 100%;
  padding: 3% 5%;
  border: 1px solid #d6d6d6;
  font-size: 1.14583333vw;
  background: url("/images/icon-select-down.png") no-repeat 95% center #fff;
  background-size: 3%;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactservice .messageform li select {
    font-size: 2.93333333vw;
  }
}
.company-layer .block-contactservice .messageform li textarea {
  width: 100%;
  font-size: 1.14583333vw;
  padding: 1% 2.5%;
  height: 16vw;
  border: 1px solid #d6d6d6;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactservice .messageform li textarea {
    font-size: 2.93333333vw;
  }
}
.company-layer .block-contactservice .messageform li button {
  appearance: none;
  border: 0;
  width: 100%;
  font-size: 1.45833333vw;
  line-height: 2.5;
  background-color: #44b041;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactservice .messageform li button {
    font-size: 4.8vw;
  }
}
.company-layer .block-contactservice .messageform input:hover,
.company-layer .block-contactservice .messageform select:hover,
.company-layer .block-contactservice .messageform textarea:hover {
  border: 1px solid #44b041;
}
.company-layer .block-contactservice .messageform button:hover {
  background-color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .company-layer .block-contactservice {
    padding: 5% 0;
  }
  .company-layer .block-contactservice .list {
    padding: 5%;
  }
  .company-layer .block-contactservice .list li:not(:last-child) {
    border-right: 0;
  }
  .company-layer .block-contactservice .list .iconbox .icon {
    width: 40%;
  }
}
.company-layer .banner-searchbox {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0% 26%;
  align-self: flex-start;
}
.company-layer .banner-searchbox .searchbox {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #c3c3c3;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
.company-layer .banner-searchbox .searchbox .search-icon {
  width: 5%;
  max-width: 25px;
  margin: 0 2%;
  transition: all 0.5s;
}
.company-layer .banner-searchbox .searchbox .search-icon img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.company-layer .banner-searchbox .searchbox input#searchq {
  width: 100%;
  font-size: 1.45833333vw;
  color: #484848;
  background: transparent;
  padding: 2% 10% 2% 0;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-searchbox .searchbox input#searchq {
    font-size: 5.33333333vw;
  }
}
.company-layer .banner-searchbox .searchbox input#searchq::-weblit-input-placeholder {
  color: #8b8a8a;
}
.company-layer .banner-searchbox .searchbox input.buttonsearch {
  display: block;
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0 2% 0 0;
  background-color: transparent;
  font-size: 1.45833333vw;
  white-space: nowrap;
  transition: all 0.5s;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-searchbox .searchbox input.buttonsearch {
    font-size: 5.33333333vw;
  }
}
.company-layer .banner-searchbox .searchbox:hover {
  border-bottom: 1px solid #44b041;
}
.company-layer .banner-searchbox .searchbox:hover .search-icon {
  filter: invert(49%) sepia(73%) saturate(466%) hue-rotate(70deg) brightness(102%) contrast(82%);
}
.company-layer .banner-searchbox .searchbox:hover .buttonsearch {
  color: #44b041;
}
.company-layer .banner-searchbox .result {
  font-size: 1.14583333vw;
  color: #868686;
  padding-top: 1%;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-searchbox .result {
    font-size: 4.26666667vw;
  }
}
.company-layer .banner-searchbox .result span {
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .company-layer .banner-searchbox {
    padding: 0% 9%;
  }
  .company-layer .banner-searchbox .searchbox .search-icon {
    width: 10%;
  }
}
.company-layer .layerbox {
  position: relative;
}
.company-layer .piclist {
  width: 40%;
  margin: 5%;
  overflow: hidden;
}
.company-layer .piclist .pic {
  width: 100%;
}
.company-layer .piclist .button-prev,
.company-layer .piclist .button-next {
  width: 7.5%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.company-layer .piclist .button-prev {
  left: 5%;
}
.company-layer .piclist .button-next {
  right: 5%;
}
.company-layer .piclist .swiper-pagination {
  text-align: right;
  left: unset;
  right: 10px;
  color: #fff;
}
.company-layer .contlist {
  position: absolute;
  top: 2%;
  left: 50%;
  width: 47%;
  height: 86%;
  color: #090304;
  overflow-y: auto;
}
.company-layer .contlist::-webkit-scrollbar {
  width: 2px;
}
.company-layer .contlist::-webkit-scrollbar-thumb {
  background-color: #45b93c;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
.company-layer .contlist::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgb(0 0 0%);
  background: #cecdce;
}
.company-layer .contlist .content {
  margin-right: 3%;
}
.company-layer .contlist .content.company .title {
  border-bottom: 3px solid #44b041;
}
.company-layer .contlist .content.case .text {
  font-size: 1.5vw;
}
.company-layer .contlist .title {
  font-size: 2.5vw;
  font-weight: bold;
  padding-bottom: 3%;
  display: inline-block;
}
.company-layer .contlist .text {
  margin-top: 3%;
  font-size: 1vw;
  line-height: 1.5;
}
.company-layer .contlist .list {
  padding: 5% 0;
  text-align: center;
}
.company-layer .contlist .list .tit {
  font-size: 4vw;
  font-family: gilroy_bold;
}
.company-layer .contlist .list .desc {
  font-size: 13px;
}
.company-layer .contlist ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  column-gap: 0.5vw;
}
.company-layer .contlist li {
  border-right: 1px solid #ececec;
}
.company-layer .contlist li:last-child {
  border-right: none;
}
.company-layer .cont-button {
  position: absolute;
  bottom: 0%;
  width: 45%;
  left: 50%;
  height: auto;
  display: flex;
  z-index: 1;
  background-color: #fff;
  justify-content: space-between;
  border-top: 1px solid #eaeaea;
}
.company-layer .cont-button .button-prev,
.company-layer .cont-button .button-next {
  bottom: 0;
  z-index: 1;
  font-size: 1.5vw;
  line-height: 3;
  cursor: pointer;
  user-select: none;
  transition: all 0.5s;
}
.company-layer .cont-button .button-prev:hover,
.company-layer .cont-button .button-next:hover {
  transform: scale(1.1);
}
.company-layer .cont-button .button-prev {
  color: #44b041;
}
.company-layer .cont-button .button-next {
  color: #44b041;
}
.company-layer .close {
  position: absolute;
  width: 2.5%;
  right: 2%;
  top: 5%;
  transition: all 0.5s;
  cursor: pointer;
}
.company-layer .close:hover {
  transform: rotate(90deg);
}
@media screen and (max-width: 700px) {
  .company-layer .layerbox {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .company-layer .piclist {
    width: 90%;
  }
  .company-layer .contlist {
    position: relative;
    width: 90%;
    padding-bottom: 8%;
    margin: 0 5% 5% 5%;
    left: unset;
    top: 0;
  }
  .company-layer .contlist .content {
    margin-right: 0%;
  }
  .company-layer .contlist .content.case .text {
    font-size: 4vw;
  }
  .company-layer .contlist .title {
    font-size: 6vw;
  }
  .company-layer .contlist .text {
    font-size: 4vw;
  }
  .company-layer .cont-button {
    position: fixed;
    width: 100%;
    padding: 2.5% 0 2.5% 0;
    left: 0;
  }
  .company-layer .cont-button .button-prev,
  .company-layer .cont-button .button-next {
    padding: 0 5%;
    font-size: 4vw;
  }
  .company-layer .close {
    display: none;
  }
}
.case-layer {
  width: 100%;
  height: auto;
  border-bottom: 5px solid #45b93c;
}
@media screen and (max-width: 1000px) {
  .case-layer {
    border-bottom: 3px solid #45b93c;
  }
}
.case-layer .block-aboutgroup {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
}
.case-layer .block-aboutgroup .bgcircle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
}
.case-layer .block-aboutgroup .bgcircle .b1,
.case-layer .block-aboutgroup .bgcircle .b2,
.case-layer .block-aboutgroup .bgcircle .b3,
.case-layer .block-aboutgroup .bgcircle .b4,
.case-layer .block-aboutgroup .bgcircle .b5,
.case-layer .block-aboutgroup .bgcircle .b6,
.case-layer .block-aboutgroup .bgcircle .b7,
.case-layer .block-aboutgroup .bgcircle .b8,
.case-layer .block-aboutgroup .bgcircle .b9,
.case-layer .block-aboutgroup .bgcircle .b10,
.case-layer .block-aboutgroup .bgcircle .b11,
.case-layer .block-aboutgroup .bgcircle .b12 {
  border: 1px solid #efefee;
  border-radius: 50%;
  position: absolute;
}
.case-layer .block-aboutgroup .bgcircle .b1 {
  width: 12vw;
  height: 12vw;
  left: -6vw;
  top: -6vw;
  display: none;
}
.case-layer .block-aboutgroup .bgcircle .b2 {
  width: 24vw;
  height: 24vw;
  left: -12vw;
  top: -12vw;
  border-style: dashed;
}
.case-layer .block-aboutgroup .bgcircle .b3 {
  width: 36vw;
  height: 36vw;
  left: -18vw;
  top: -18vw;
}
.case-layer .block-aboutgroup .bgcircle .b4 {
  width: 48vw;
  height: 48vw;
  animation: clockwise-rotation 10s infinite linear;
  border-style: dashed;
  left: -24vw;
  top: -24vw;
}
.case-layer .block-aboutgroup .bgcircle .b5 {
  width: 60vw;
  height: 60vw;
  animation: clockwise-rotation 15s infinite linear;
  left: -30vw;
  top: -30vw;
}
.case-layer .block-aboutgroup .bgcircle .b6 {
  width: 72vw;
  height: 72vw;
  animation: counterclockwise-rotation 18s infinite linear;
  left: -36vw;
  top: -36vw;
}
.case-layer .block-aboutgroup .bgcircle .b7 {
  width: 84vw;
  height: 84vw;
  animation: counterclockwise-rotation 20s infinite linear;
  border-style: dashed;
  left: -42vw;
  top: -42vw;
}
.case-layer .block-aboutgroup .bgcircle .b8 {
  width: 96vw;
  height: 96vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -48vw;
  top: -48vw;
}
.case-layer .block-aboutgroup .bgcircle .b9 {
  width: 108vw;
  height: 108vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -54vw;
  top: -54vw;
}
.case-layer .block-aboutgroup .bgcircle .b10 {
  width: 120vw;
  height: 120vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -60vw;
  top: -60vw;
}
.case-layer .block-aboutgroup .bgcircle .b11 {
  width: 132vw;
  height: 132vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -66vw;
  top: -66vw;
}
.case-layer .block-aboutgroup .bgcircle .b12 {
  width: 144vw;
  height: 144vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -72vw;
  top: -72vw;
}
.case-layer .block-aboutgroup .bgcircle .b4 .dot {
  position: absolute;
  width: 32px;
  height: 32px;
  top: -16px;
  left: 50%;
  border-radius: 50%;
  background: #efefee;
}
.case-layer .block-aboutgroup .bgcircle .b5 .dot {
  position: absolute;
  width: 19px;
  height: 19px;
  top: -9.5px;
  border-radius: 50%;
  background: #44b041;
  left: 50%;
}
.case-layer .block-aboutgroup .bgcircle .b6 .dot {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #efefee;
  top: -15px;
  left: 50%;
}
.case-layer .block-aboutgroup .bgcircle .b8 .dot {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #44b041;
  top: -12.5px;
  left: 50%;
}
.case-layer .block-aboutgroup .bgcircle .b11 .dot {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #efefee;
  top: -20px;
  left: 50%;
}
.case-layer .block-aboutgroup .tit2 {
  margin-top: 3.75%;
  font-size: 2.5vw;
  font-weight: bold;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutgroup .tit2 {
    font-size: 6.4vw;
  }
}
.case-layer .block-aboutgroup .cont {
  color: rgba(9, 3, 4, 0.8);
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutgroup .cont {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-aboutgroup .recycle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8vw 0 14vw 0;
  width: 100%;
}
.case-layer .block-aboutgroup .recycle span {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutgroup .recycle span {
    font-size: 6.4vw;
  }
}
.case-layer .block-aboutgroup .recycle .icon {
  width: 7%;
  margin: 0 1%;
  position: relative;
}
@keyframes picswitch {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes picswitch1 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.case-layer .block-aboutgroup .recycle .icon .icon-bg {
  animation: picswitch 4s 0s ease infinite;
  background: url("/images/about-recycle.png") no-repeat center center / cover;
}
.case-layer .block-aboutgroup .recycle .icon .icon-bg1 {
  animation: picswitch1 4s 0s ease infinite;
  background: url("/images/about-recycle1.png") no-repeat center center / cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.case-layer .block-aboutgroup .recycle .icon .icon-line1 {
  position: absolute;
  animation: maplinemask 2s infinite linear;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.case-layer .block-aboutgroup .recycle .icon .icon-line2 {
  position: absolute;
  animation: maplinemaskrev 2s infinite linear;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutgroup {
    padding: 7% 0 0;
  }
  .case-layer .block-aboutgroup .bgcircle .dot {
    transform: scale(0.5);
  }
  .case-layer .block-aboutgroup .cont {
    padding: 0 5%;
  }
  .case-layer .block-aboutgroup .recycle {
    margin: 8vw 0 28vw 0;
  }
  .case-layer .block-aboutgroup .recycle .icon {
    width: 20%;
  }
}
.case-layer .block-abouthistory {
  width: 100%;
  height: auto;
  background-color: #fbfbfb;
  position: relative;
  padding: 5vw 0 7vw;
}
.case-layer .block-abouthistory .timeline {
  margin: 5vw 0 0 8.5vw;
}
.case-layer .block-abouthistory .timeline .swiper-slide .year {
  font-family: gilroy_bold;
  font-size: 2.1875vw;
  font-weight: bold;
  color: #44b041;
  margin-left: 6%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-abouthistory .timeline .swiper-slide .year {
    font-size: 8vw;
  }
}
.case-layer .block-abouthistory .timeline .swiper-slide .line {
  height: 4vw;
  display: flex;
  align-items: center;
  background: url('/images/about-timeline-line.png') space no-repeat center center, url('/images/about-timeline-circle.png') no-repeat 5% center;
  background-size: 5%, 6%;
}
.case-layer .block-abouthistory .timeline .swiper-slide .line .circle {
  margin-left: 5%;
  border-radius: 50%;
  display: none;
  width: 1.5vw;
  height: 1.5vw;
  transition: all 0.5s;
  position: relative;
  align-items: center;
  justify-content: center;
}
.case-layer .block-abouthistory .timeline .swiper-slide .line .circle::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(68, 176, 65, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.case-layer .block-abouthistory .timeline .swiper-slide .line .circle::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(68, 176, 65, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.case-layer .block-abouthistory .timeline .swiper-slide ul {
  padding: 0 10% 0 7%;
}
.case-layer .block-abouthistory .timeline .swiper-slide li {
  margin: 10% 0;
}
.case-layer .block-abouthistory .timeline .swiper-slide li:first-child {
  margin-top: 0;
}
.case-layer .block-abouthistory .timeline .swiper-slide .date {
  font-size: 1.14583333vw;
  color: #44b041;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-abouthistory .timeline .swiper-slide .date {
    font-size: 4vw;
  }
}
.case-layer .block-abouthistory .timeline .swiper-slide .text {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: rgba(9, 3, 4, 0.8);
}
@media screen and (max-width: 1000px) {
  .case-layer .block-abouthistory .timeline .swiper-slide .text {
    font-size: 3.46666667vw;
  }
}
.case-layer .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line {
  background-size: 5%, 0%;
}
.case-layer .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line .circle {
  display: flex;
}
.case-layer .block-abouthistory .timeline .swiper-slide:nth-child(1) .line {
  margin-left: 5%;
}
.case-layer .block-abouthistory .timeline .swiper-slide:nth-child(1) .line .circle {
  margin-left: 0;
}
.case-layer .block-abouthistory .timeline .swiper-button {
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  width: 4vw;
  height: 4vw;
  right: 6%;
  top: 2.75vw;
  z-index: 1;
  box-shadow: 0 0 20px 5px rgba(68, 176, 65, 0.5);
}
.case-layer .block-abouthistory .timeline .swiper-button .swiper-button-prev {
  background-image: url('/images/about-timeline-prev.png');
  background-size: 1vw;
  width: 2vw;
  left: unset;
  right: unset;
}
.case-layer .block-abouthistory .timeline .swiper-button .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  background-image: url('/images/about-timeline-prev-disable.png');
}
.case-layer .block-abouthistory .timeline .swiper-button .swiper-button-next {
  background-image: url('/images/about-timeline-next.png');
  background-size: 1vw;
  width: 2vw;
  left: 2vw;
  right: unset;
}
.case-layer .block-abouthistory .timeline .swiper-button .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  background-image: url('/images/about-timeline-next-disable.png');
}
@media screen and (max-width: 1000px) {
  .case-layer .block-abouthistory .timeline {
    margin: 5% 0;
  }
  .case-layer .block-abouthistory .timeline .swiper-slide ul {
    padding: 5% 15% 0% 15%;
  }
  .case-layer .block-abouthistory .timeline .swiper-slide li {
    margin: 10% 0%;
  }
  .case-layer .block-abouthistory .timeline .swiper-slide .line {
    height: 12vw;
    background-size: 2%, 0%;
    justify-content: center;
  }
  .case-layer .block-abouthistory .timeline .swiper-slide .line .circle {
    width: 6vw;
    height: 6vw;
    margin-left: 0%;
  }
  .case-layer .block-abouthistory .timeline .swiper-slide .year {
    text-align: center;
    margin-left: 0%;
  }
  .case-layer .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line {
    background-size: 2%, 0%;
  }
  .case-layer .block-abouthistory .timeline .swiper-slide:nth-child(1) .line {
    margin-left: 0%;
  }
  .case-layer .block-abouthistory .timeline .swiper-button {
    width: 100%;
    height: 12vw;
    border-radius: unset;
    box-shadow: none;
    background-color: unset;
    top: 9.75vw;
    right: unset;
  }
  .case-layer .block-abouthistory .timeline .swiper-button .swiper-button-prev {
    width: 12vw;
    left: 5%;
    background-size: 40%;
  }
  .case-layer .block-abouthistory .timeline .swiper-button .swiper-button-next {
    left: unset;
    width: 12vw;
    right: 5%;
    background-size: 40%;
  }
}
.case-layer .block-aboutcert {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #e9e9e9;
}
.case-layer .block-aboutcert .bg {
  width: 100%;
  z-index: -1;
  display: block;
}
.case-layer .block-aboutcert .m-bg {
  width: 100%;
  z-index: -1;
  display: none;
}
.case-layer .block-aboutcert .titlebox {
  position: absolute;
  top: 50%;
  left: 12%;
  width: 32%;
  transform: translateY(-50%);
  text-align: center;
}
.case-layer .block-aboutcert .titlebox .title {
  font-size: 2.5vw;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutcert .titlebox .title {
    font-size: 6.4vw;
  }
}
.case-layer .block-aboutcert .titlebox .title span {
  color: #45b93c;
}
.case-layer .block-aboutcert .titlebox .desc {
  margin-top: 4%;
  font-size: 0.9375vw;
  line-height: 2;
  color: rgba(9, 3, 4, 0.8);
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutcert .titlebox .desc {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-aboutcert .cert-showcase {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}
.case-layer .block-aboutcert .cert {
  cursor: pointer;
}
.case-layer .block-aboutcert .cert:hover .desc {
  display: block;
  opacity: 1;
  z-index: 1;
}
.case-layer .block-aboutcert .cert .dot {
  position: absolute;
  width: 0.8vw;
  height: 0.8vw;
  border-radius: 50%;
  background-color: #45b93c;
  transform: translate(-50%, -50%);
}
.case-layer .block-aboutcert .cert .dot::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(69, 185, 60, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.case-layer .block-aboutcert .cert .dot::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(69, 185, 60, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.case-layer .block-aboutcert .cert .desc {
  position: absolute;
  top: 0;
  left: -1.4vw;
  transform: translate(-100%, -50%);
  white-space: nowrap;
  line-height: 3;
  color: #fff;
  background: #44b041;
  font-size: 0.83333333vw;
  padding: 0 1.5em;
  border-radius: 1000rem;
  display: none;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutcert .cert .desc {
    font-size: 3.2vw;
  }
}
.case-layer .block-aboutcert .cert .desc::before {
  content: '';
  position: absolute;
  height: 0.1vw;
  width: 1vw;
  background: #44b041;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
}
.case-layer .block-aboutcert .cert.cert-v1 {
  position: absolute;
  width: 12.5%;
  top: 29%;
  left: 63%;
}
.case-layer .block-aboutcert .cert.cert-v2 {
  position: absolute;
  width: 12.5%;
  top: 29%;
  left: 80%;
}
.case-layer .block-aboutcert .cert.cert-h1 {
  position: absolute;
  width: 19%;
  top: 60%;
  left: 18%;
}
.case-layer .block-aboutcert .cert.cert-h2 {
  position: absolute;
  width: 19%;
  top: 60%;
  left: 40%;
}
.case-layer .block-aboutcert .cert.cert-h3 {
  position: absolute;
  width: 19%;
  top: 23%;
  left: 11%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutcert .bg {
    display: none;
  }
  .case-layer .block-aboutcert .m-bg {
    display: block;
  }
  .case-layer .block-aboutcert .cert-showcase {
    width: 100%;
    height: 74vw;
  }
  .case-layer .block-aboutcert .titlebox {
    margin-top: 5%;
    position: unset;
    transform: none;
    width: 100%;
    left: unset;
    top: unset;
    padding: 0 5% 5%;
  }
  .case-layer .block-aboutcert .cert.cert-v1 {
    position: absolute;
    width: 15.75%;
    top: 30%;
    left: 60%;
  }
  .case-layer .block-aboutcert .cert.cert-v1 .dot,
  .case-layer .block-aboutcert .cert.cert-v1 .desc {
    display: none;
  }
  .case-layer .block-aboutcert .cert.cert-v2 {
    position: absolute;
    width: 15.75%;
    top: 30%;
    left: 80%;
  }
  .case-layer .block-aboutcert .cert.cert-v2 .dot,
  .case-layer .block-aboutcert .cert.cert-v2 .desc {
    display: none;
  }
  .case-layer .block-aboutcert .cert.cert-h1 {
    position: absolute;
    width: 21%;
    top: 62%;
    left: 16%;
  }
  .case-layer .block-aboutcert .cert.cert-h1 .dot,
  .case-layer .block-aboutcert .cert.cert-h1 .desc {
    display: none;
  }
  .case-layer .block-aboutcert .cert.cert-h2 {
    position: absolute;
    width: 21%;
    top: 62%;
    left: 42%;
  }
  .case-layer .block-aboutcert .cert.cert-h2 .dot,
  .case-layer .block-aboutcert .cert.cert-h2 .desc {
    display: none;
  }
  .case-layer .block-aboutcert .cert.cert-h3 {
    position: absolute;
    width: 21%;
    top: 26%;
    left: 11%;
  }
  .case-layer .block-aboutcert .cert.cert-h3 .dot,
  .case-layer .block-aboutcert .cert.cert-h3 .desc {
    display: none;
  }
}
.case-layer .block-aboutcertlist {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 7.8% 5%;
}
.case-layer .block-aboutcertlist .swiper-container {
  padding: 5% 0 5%;
}
.case-layer .block-aboutcertlist .certbox {
  width: 100%;
  height: auto;
  position: relative;
}
.case-layer .block-aboutcertlist .certbox .cert-bg {
  width: 100%;
  height: auto;
}
.case-layer .block-aboutcertlist .certbox .cert-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-layer .block-aboutcertlist .certbox .cert {
  transition: all 0.5s;
  width: 50%;
  height: 80%;
}
.case-layer .block-aboutcertlist .certbox .cert img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.case-layer .block-aboutcertlist .certbox:hover .cert {
  transform: translateY(-2.5%) scale(1.05);
}
.case-layer .block-aboutcertlist .cert-name {
  text-align: center;
  font-size: 0.9375vw;
  margin-top: 5%;
  color: #191415;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutcertlist .cert-name {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-aboutcertlist .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-layer .block-aboutcertlist .cert-button {
  display: none;
}
.case-layer .block-aboutcertlist .swiper-pagination-bullet {
  width: 0.42vw;
  height: 0.42vw;
  margin: 0 0.42vw;
}
.case-layer .block-aboutcertlist .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.84vw;
  height: 0.84vw;
  background: #44b041;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutcertlist .swiper-container {
    padding: 5% 0 15%;
  }
  .case-layer .block-aboutcertlist .swiper-pagination {
    display: none;
  }
  .case-layer .block-aboutcertlist .cert-button {
    display: block;
  }
  .case-layer .block-aboutcertlist .swiper-pagination-bullet {
    width: 1.86vw;
    height: 1.86vw;
    margin: 0 1.86vw;
  }
  .case-layer .block-aboutcertlist .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 3.73vw;
    height: 3.73vw;
  }
  .case-layer .block-aboutcertlist .cert-button-next,
  .case-layer .block-aboutcertlist .cert-button-prev {
    position: absolute;
    top: 35%;
    z-index: 10;
    width: 8%;
    max-width: 30px;
  }
  .case-layer .block-aboutcertlist .cert-button-next {
    right: 5%;
  }
  .case-layer .block-aboutcertlist .cert-button-prev {
    left: 5%;
  }
}
.case-layer .block-aboutculture {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-image: url("/images/about-culture-bg.jpg");
  position: relative;
  padding: 7.5% 7.8%;
}
.case-layer .block-aboutculture .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .block-aboutculture .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutculture .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.case-layer .block-aboutculture .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutculture .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.case-layer .block-aboutculture .tit2 {
  margin-top: 5%;
  width: 100%;
  text-align: center;
  font-size: 3.02083333vw;
  font-weight: bold;
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutculture .tit2 {
    font-size: 7.73333333vw;
  }
}
.case-layer .block-aboutculture .culturelist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 5%;
  column-gap: 5.4vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutculture .culturelist {
    grid-template-columns: repeat(1, 1fr);
  }
}
.case-layer .block-aboutculture .culturelist .culturebox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 7% 0;
  transition: all 0.5s;
}
.case-layer .block-aboutculture .culturelist .culturebox.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutculture .culturelist .culturebox {
    flex-direction: row;
  }
  .case-layer .block-aboutculture .culturelist .culturebox.flex-rev {
    flex-direction: row-reverse;
  }
}
.case-layer .block-aboutculture .culturelist .culturebox .icon {
  width: 12.5%;
}
.case-layer .block-aboutculture .culturelist .culturebox .content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.case-layer .block-aboutculture .culturelist .culturebox .content.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutculture .culturelist .culturebox .content {
    flex-direction: row;
  }
  .case-layer .block-aboutculture .culturelist .culturebox .content.flex-rev {
    flex-direction: row-reverse;
  }
}
.case-layer .block-aboutculture .culturelist .culturebox .content .title {
  font-size: 1.5625vw;
  font-weight: bold;
  color: #44b041;
  padding: 0.5vw 0 1.5vw;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutculture .culturelist .culturebox .content .title {
    font-size: 4.8vw;
  }
}
.case-layer .block-aboutculture .culturelist .culturebox .content .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 3px;
  background-color: #44b041;
  transform: translate(50%, -1.5px);
}
.case-layer .block-aboutculture .culturelist .culturebox .content .txt {
  font-size: 0.9375vw;
  padding: 5% 11% 3%;
  color: #090304;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutculture .culturelist .culturebox .content .txt {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-aboutculture .culturelist .culturebox:hover {
  transform: translateY(-5%);
}
.case-layer .block-aboutculture .culturelist > *:nth-child(2) .culturebox .content .txt {
  padding: 5% 18% 3%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-aboutculture .culturelist {
    row-gap: 5vw;
  }
  .case-layer .block-aboutculture .culturelist > *:nth-child(2) .culturebox .content .txt {
    padding: 0 0 0 5%;
  }
  .case-layer .block-aboutculture .culturelist .culturebox {
    padding: 5%;
  }
  .case-layer .block-aboutculture .culturelist .culturebox .icon {
    width: 12%;
  }
  .case-layer .block-aboutculture .culturelist .culturebox .content {
    width: 85%;
  }
  .case-layer .block-aboutculture .culturelist .culturebox .content .title {
    width: 30%;
    white-space: nowrap;
  }
  .case-layer .block-aboutculture .culturelist .culturebox .content .title::after {
    display: none;
  }
  .case-layer .block-aboutculture .culturelist .culturebox .content .txt {
    text-align: left;
    line-height: 1.5;
    padding: 0 0 0 5%;
  }
}
.case-layer .block-productproductlist {
  width: 100%;
  height: auto;
}
.case-layer .block-productproductlist ul {
  width: 100%;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-layer .block-productproductlist ul.flex-rev {
  flex-direction: column-reverse;
}
.case-layer .block-productproductlist li {
  width: 100%;
  height: auto;
  background: #fff;
}
.case-layer .block-productproductlist .productbox {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5% 15%;
}
.case-layer .block-productproductlist .productbox.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productproductlist .productbox {
    flex-direction: column;
  }
  .case-layer .block-productproductlist .productbox.flex-rev {
    flex-direction: column-reverse;
  }
}
.case-layer .block-productproductlist .productbox:hover .contbox .title {
  border-bottom: 1px solid #44b041;
}
.case-layer .block-productproductlist .productbox:hover .contbox .detail {
  margin-top: 15%;
  opacity: 1;
  z-index: auto;
}
.case-layer .block-productproductlist .imgbox {
  width: 35%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  transition: all 0.5s;
  margin: 0 10% 0 0;
}
.case-layer .block-productproductlist .imgbox.flex-rev {
  flex-direction: row-reverse;
}
.case-layer .block-productproductlist .imgbox .icon {
  width: 100%;
}
.case-layer .block-productproductlist .contbox {
  margin: 0 0 0 10%;
  width: 35%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.case-layer .block-productproductlist .contbox.flex-rev {
  flex-direction: column-reverse;
}
.case-layer .block-productproductlist .contbox .title {
  font-size: 1.5625vw;
  font-weight: bold;
  color: #090304;
  padding: 0 2em 0.625vw 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productproductlist .contbox .title {
    font-size: 5.33333333vw;
  }
}
.case-layer .block-productproductlist .contbox .desc {
  margin-top: 5%;
  font-size: 0.9375vw;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(9, 3, 4, 0.6);
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productproductlist .contbox .desc {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-productproductlist .contbox .detail {
  font-size: 0.9375vw;
  color: #45b93c;
  position: relative;
  transition: all 0.5s;
  opacity: 0;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productproductlist .contbox .detail {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-productproductlist .contbox .detail::before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: -6px;
  left: 0;
  height: 3px;
  background: #45b93c;
}
.case-layer .block-productproductlist li:nth-of-type(2n) {
  background: #f7f7f7;
}
.case-layer .block-productproductlist li:nth-of-type(2n) .productbox {
  flex-direction: row-reverse;
}
.case-layer .block-productproductlist li:nth-of-type(2n) .productbox .imgbox {
  margin: 0 0 0 10%;
}
.case-layer .block-productproductlist li:nth-of-type(2n) .productbox .contbox {
  margin: 0 10% 0 0;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productproductlist .productbox {
    flex-direction: column;
    margin: 10% 5%;
  }
  .case-layer .block-productproductlist li:nth-of-type(2n) .productbox {
    flex-direction: column;
  }
  .case-layer .block-productproductlist li:nth-of-type(2n) .productbox .imgbox {
    margin: 0;
  }
  .case-layer .block-productproductlist li:nth-of-type(2n) .productbox .contbox {
    margin: 10% 0 0 0;
  }
  .case-layer .block-productproductlist .imgbox {
    margin: 0;
    width: 100%;
  }
  .case-layer .block-productproductlist .imgbox .icon {
    width: 80%;
  }
  .case-layer .block-productproductlist .contbox {
    margin: 10% 0 0 0;
    width: 100%;
    align-items: center;
  }
  .case-layer .block-productproductlist .contbox .title {
    padding: 0;
    border-bottom: 0;
    margin-top: 5%;
  }
  .case-layer .block-productproductlist .contbox .desc {
    text-align: center;
    margin-top: 5%;
  }
  .case-layer .block-productproductlist .contbox .detail {
    text-align: center;
    margin-top: 10%;
    opacity: 1;
    z-index: auto;
  }
}
.case-layer .block-mfgbrand {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 6.67vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
}
.case-layer .block-mfgbrand .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .block-mfgbrand .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgbrand .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.case-layer .block-mfgbrand .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgbrand .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.case-layer .block-mfgbrand .tit2 {
  margin-top: 3%;
  font-size: 2.5vw;
  font-weight: bold;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgbrand .tit2 {
    font-size: 6.4vw;
  }
}
.case-layer .block-mfgbrand .cont {
  color: rgba(9, 3, 2, 0.8);
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgbrand .cont {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-mfgbrand .brandlist {
  padding: 5% 15% 0;
}
.case-layer .block-mfgbrand ul {
  width: 100%;
  height: auto;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.case-layer .block-mfgbrand li {
  padding: 10% 0;
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .block-mfgbrand li .headbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.case-layer .block-mfgbrand li .headbox .icon-title {
  width: auto;
  height: auto;
  position: relative;
  z-index: 2;
}
.case-layer .block-mfgbrand li .headbox .icon-title .tit {
  font-size: 3.54166667vw;
  font-family: gilroy_bold;
  font-weight: bold;
  color: #44b041;
  line-height: 1.1;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgbrand li .headbox .icon-title .tit {
    font-size: 8vw;
  }
}
.case-layer .block-mfgbrand li .headbox .icon-title .tip {
  font-size: 1.04166667vw;
  color: #44b041;
  position: absolute;
  top: 0;
  left: 101%;
  width: auto;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgbrand li .headbox .icon-title .tip {
    font-size: 2vw;
  }
}
.case-layer .block-mfgbrand li .txt {
  font-size: 0.9375vw;
  color: #5c595a;
  line-height: 1.5;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgbrand li .txt {
    font-size: 2.93333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgbrand .cont {
    padding: 0 5%;
  }
  .case-layer .block-mfgbrand .brandlist {
    padding: 5%;
  }
}
.case-layer .block-mfgstrength {
  width: 100%;
  height: auto;
  position: relative;
  padding: 7% 0;
  overflow: hidden;
}
.case-layer .block-mfgstrength .titlebox {
  text-align: center;
}
.case-layer .block-mfgstrength .titlebox .entit {
  font-family: 'gilroy_light';
  font-size: 1.5625vw;
  text-transform: uppercase;
  color: #44b041;
}
.case-layer .block-mfgstrength .titlebox .cntit {
  color: #191415;
  font-size: 2.5vw;
}
.case-layer .block-mfgstrength .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgstrength .cont {
    font-size: 4vw;
  }
}
.case-layer .block-mfgstrength .grouplist {
  padding: 5%;
}
.case-layer .block-mfgstrength ul {
  width: 100%;
  height: auto;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2vw;
  row-gap: 4vw;
  padding: 0 5%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgstrength ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.case-layer .block-mfgstrength li {
  position: relative;
  cursor: pointer;
}
.case-layer .block-mfgstrength li .icon {
  width: 100%;
}
.case-layer .block-mfgstrength li .name {
  position: absolute;
  left: 5%;
  width: 90%;
  bottom: 0%;
  line-height: 1.3;
  padding: 3% 20%;
  font-size: 1.04166667vw;
  text-align: center;
  background-color: #fff;
  border-bottom: 3px solid #40a3a7;
  box-shadow: 0 0 2px 0 gray;
  transform: translateY(30%);
  transition: all 0.5s;
  background: url('/images/mfg-group-hover.png') no-repeat right center / 0% #fff;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgstrength li .name {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-mfgstrength li:hover .name {
  color: #fff;
}
.case-layer .block-mfgstrength li:nth-of-type(4n-3) .name {
  border-bottom: 3px solid #44b041;
}
.case-layer .block-mfgstrength li:nth-of-type(4n-3):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #44b041;
}
.case-layer .block-mfgstrength li:nth-of-type(4n-2) .name {
  border-bottom: 3px solid #70c4aa;
}
.case-layer .block-mfgstrength li:nth-of-type(4n-2):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #70c4aa;
}
.case-layer .block-mfgstrength li:nth-of-type(4n-1) .name {
  border-bottom: 3px solid #40a3a7;
}
.case-layer .block-mfgstrength li:nth-of-type(4n-1):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #40a3a7;
}
.case-layer .block-mfgstrength li:nth-of-type(4n) .name {
  border-bottom: 3px solid #69cf7a;
}
.case-layer .block-mfgstrength li:nth-of-type(4n):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #69cf7a;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgstrength ul {
    padding: 0;
    column-gap: 4vw;
    row-gap: 8vw;
  }
  .case-layer .block-mfgstrength li .name {
    padding: 2% 10%;
  }
}
.case-layer .block-mfgfuture {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  background-color: #f8f8f8;
  overflow: hidden;
}
.case-layer .block-mfgfuture .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .block-mfgfuture .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgfuture .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.case-layer .block-mfgfuture .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgfuture .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.case-layer .block-mfgfuture .cont {
  margin-top: 2%;
  color: #adadad;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgfuture .cont {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-mfgfuture .cooplist {
  position: relative;
  margin: 3% 8% 0;
}
.case-layer .block-mfgfuture .cooplist .pic {
  width: 100%;
  height: auto;
}
.case-layer .block-mfgfuture .cooplist .swiper-slide-prev,
.case-layer .block-mfgfuture .cooplist .swiper-slide-next {
  position: relative;
}
.case-layer .block-mfgfuture .cooplist .swiper-slide-prev::before,
.case-layer .block-mfgfuture .cooplist .swiper-slide-next::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.case-layer .block-mfgfuture .cooplist .coop-button-prev,
.case-layer .block-mfgfuture .cooplist .coop-button-next {
  cursor: pointer;
  position: absolute;
  top: 0%;
  width: 30%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.case-layer .block-mfgfuture .cooplist .coop-button-prev .icon,
.case-layer .block-mfgfuture .cooplist .coop-button-next .icon {
  width: 20%;
  max-width: 100px;
}
.case-layer .block-mfgfuture .cooplist .coop-button-prev .micon,
.case-layer .block-mfgfuture .cooplist .coop-button-next .micon {
  width: 50%;
  padding: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
.case-layer .block-mfgfuture .cooplist .coop-button-prev {
  left: 0%;
}
.case-layer .block-mfgfuture .cooplist .coop-button-next {
  right: 0%;
}
.case-layer .block-mfgfuture .swiper-pagination-custom li {
  padding: 2% 30% 8%;
  display: none;
  text-align: center;
  font-size: 1.25vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgfuture .swiper-pagination-custom li {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-mfgfuture .swiper-pagination-custom li.now {
  display: block;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mfgfuture .cont {
    padding: 0 5%;
  }
  .case-layer .block-mfgfuture .swiper-pagination-custom li {
    line-height: 1.5;
    padding: 3% 10% 8%;
  }
  .case-layer .block-mfgfuture .cooplist {
    margin: 3% 0 0;
  }
  .case-layer .block-mfgfuture .cooplist .coop-button-prev,
  .case-layer .block-mfgfuture .cooplist .coop-button-next {
    width: 20%;
  }
  .case-layer .block-mfgfuture .cooplist .coop-button-prev .icon,
  .case-layer .block-mfgfuture .cooplist .coop-button-next .icon {
    display: none;
  }
  .case-layer .block-mfgfuture .cooplist .coop-button-prev .micon,
  .case-layer .block-mfgfuture .cooplist .coop-button-next .micon {
    display: flex;
    flex-direction: row;
  }
  .case-layer .block-mfgfuture .cooplist .coop-button-prev .micon.flex-rev,
  .case-layer .block-mfgfuture .cooplist .coop-button-next .micon.flex-rev {
    flex-direction: row-reverse;
  }
}
.case-layer .block-neenergy {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.case-layer .block-neenergy .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .block-neenergy .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-neenergy .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.case-layer .block-neenergy .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-neenergy .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.case-layer .block-neenergy .cont {
  color: #3a3536;
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-neenergy .cont {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-neenergy .energylist {
  position: relative;
  padding: 5% 10% 10%;
}
.case-layer .block-neenergy .energylist .particles-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 25%;
}
.case-layer .block-neenergy ul {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: start;
}
.case-layer .block-neenergy li {
  padding: 6% 0;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: floating 1.5s infinite ease-in-out alternate;
}
@keyframes floating {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
.case-layer .block-neenergy li:nth-child(1) {
  margin-top: 12%;
  animation-delay: 0.1s;
}
.case-layer .block-neenergy li:nth-child(1) .fx-twinkle {
  animation-duration: 4s;
  animation-delay: 1s;
}
.case-layer .block-neenergy li:nth-child(2) {
  margin-top: 30%;
  animation-delay: 0.3s;
}
.case-layer .block-neenergy li:nth-child(2) .fx-twinkle {
  animation-duration: 6s;
  animation-delay: 3.5s;
}
.case-layer .block-neenergy li:nth-child(3) {
  animation-delay: 0.5s;
}
.case-layer .block-neenergy li:nth-child(3) .fx-twinkle {
  animation-duration: 4.5s;
  animation-delay: 3.5s;
}
.case-layer .block-neenergy li:nth-child(4) {
  animation-delay: 0.7s;
  margin-top: 12%;
}
.case-layer .block-neenergy li:nth-child(4) .fx-twinkle {
  animation-duration: 5s;
  animation-delay: 2.5s;
}
.case-layer .block-neenergy li:nth-child(5) {
  animation-delay: 0.6s;
  margin-top: 8%;
}
.case-layer .block-neenergy li:nth-child(5) .fx-twinkle {
  animation-duration: 5s;
  animation-delay: 1.5s;
}
.case-layer .block-neenergy li:nth-child(6) {
  margin-top: 35%;
  animation-delay: 0.4s;
}
.case-layer .block-neenergy li:nth-child(6) .fx-twinkle {
  animation-duration: 7s;
  animation-delay: 2s;
}
.case-layer .block-neenergy li:nth-child(7) {
  margin-top: 12%;
  animation-delay: 0.8s;
}
.case-layer .block-neenergy li:nth-child(7) .fx-twinkle {
  animation-duration: 6s;
  animation-delay: 2s;
}
.case-layer .block-neenergy li .headbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.case-layer .block-neenergy li .headbox .icon-title {
  width: auto;
  height: auto;
  position: relative;
  z-index: 2;
}
.case-layer .block-neenergy li .headbox .icon-title .tit {
  font-size: 3.125vw;
  font-weight: bold;
  color: #44b041;
  line-height: 1.1;
  font-family: gilroy_bold;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-neenergy li .headbox .icon-title .tit {
    font-size: 6.53333333vw;
  }
}
.case-layer .block-neenergy li .headbox .icon-title .tip {
  font-size: 0.83333333vw;
  color: #45b93c;
  position: absolute;
  top: 0;
  left: 101%;
  width: auto;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-neenergy li .headbox .icon-title .tip {
    font-size: 2.66666667vw;
  }
}
.case-layer .block-neenergy li .txt {
  font-size: 0.9375vw;
  color: #44b041;
  line-height: 1.5;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-neenergy li .txt {
    font-size: 3.46666667vw;
  }
}
.case-layer .block-neenergy li .fx {
  width: 0.5%;
  opacity: 0.7;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-neenergy ul {
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "a a a b b b c c c d d d" "e e e e f f f f g g g g";
  }
  .case-layer .block-neenergy li:nth-child(1) {
    grid-area: a;
    margin-top: 24%;
  }
  .case-layer .block-neenergy li:nth-child(2) {
    grid-area: b;
    margin-top: 30%;
  }
  .case-layer .block-neenergy li:nth-child(3) {
    grid-area: c;
    margin-top: 0%;
  }
  .case-layer .block-neenergy li:nth-child(4) {
    grid-area: d;
    margin-top: 24%;
  }
  .case-layer .block-neenergy li:nth-child(5) {
    grid-area: e;
    margin-top: 16%;
  }
  .case-layer .block-neenergy li:nth-child(6) {
    grid-area: f;
    margin-top: 40%;
  }
  .case-layer .block-neenergy li:nth-child(7) {
    grid-area: g;
    margin-top: 24%;
  }
  .case-layer .block-neenergy .cont {
    padding: 0 5%;
  }
  .case-layer .block-neenergy .fx {
    display: none;
  }
}
.case-layer .block-necompany {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-color: #f7f7f7;
}
.case-layer .block-necompany .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .block-necompany .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-necompany .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.case-layer .block-necompany .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-necompany .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.case-layer .block-necompany .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
.case-layer .block-necompany .companylist {
  padding: 5%;
}
.case-layer .block-necompany ul {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3vw;
  row-gap: 6vw;
  padding: 0 5%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-necompany ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.case-layer .block-necompany li {
  position: relative;
  cursor: pointer;
}
.case-layer .block-necompany li:hover .name {
  color: #fff;
}
.case-layer .block-necompany li:nth-of-type(3n-2) .name {
  border-bottom: 3px solid #44b041;
}
.case-layer .block-necompany li:nth-of-type(3n-2):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #44b041;
  background-size: contain;
}
.case-layer .block-necompany li:nth-of-type(3n-1) .name {
  border-bottom: 3px solid #70c4aa;
}
.case-layer .block-necompany li:nth-of-type(3n-1):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #70c4aa;
  background-size: contain;
}
.case-layer .block-necompany li:nth-of-type(3n) .name {
  border-bottom: 3px solid #40a3a7;
}
.case-layer .block-necompany li:nth-of-type(3n):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #40a3a7;
  background-size: contain;
}
.case-layer .block-necompany .icon {
  width: 100%;
}
.case-layer .block-necompany .name {
  position: absolute;
  min-height: 4.27vw;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 5%;
  width: 90%;
  bottom: 0%;
  line-height: 1.2;
  padding: 2% 16%;
  transition: all 0.5s;
  text-align: center;
  font-size: 1.04166667vw;
  background-color: #fff;
  border-bottom: 3px solid #40a3a7;
  transform: translateY(30%);
  background: url('/images/mfg-group-hover.png') no-repeat right top #fff;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-necompany .name {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .case-layer .block-necompany ul {
    row-gap: 15vw;
    padding: 0 5%;
  }
  .case-layer .block-necompany .name {
    line-height: 2.5;
    padding: 2% 5%;
  }
}
.case-layer .block-neadvantage {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-color: #fff;
}
.case-layer .block-neadvantage .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .block-neadvantage .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-neadvantage .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.case-layer .block-neadvantage .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-neadvantage .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.case-layer .block-neadvantage .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
.case-layer .block-neadvantage .advangtagelist {
  padding: 5%;
}
.case-layer .block-neadvantage ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0 7.8vw;
}
.case-layer .block-neadvantage ul:nth-of-type(2n) {
  flex-direction: row-reverse;
  background-color: #ecf7ec;
}
.case-layer .block-neadvantage li {
  display: flex;
  margin: 5%;
  width: 40%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.case-layer .block-neadvantage .icon {
  width: 100%;
}
.case-layer .block-neadvantage .listtitlebox {
  width: 100%;
  height: auto;
  text-align: left;
  position: relative;
  margin-top: 6%;
}
.case-layer .block-neadvantage .listtitlebox .entit {
  width: 100%;
  height: auto;
  font-size: 6.25vw;
  font-weight: bold;
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 0.5px rgba(68, 176, 65, 0.3);
  -webkit-text-fill-color: transparent;
  font-family: gilroy_bold;
  line-height: 1;
  position: absolute;
  text-align: left;
  bottom: 0;
  left: -5%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-neadvantage .listtitlebox .entit {
    font-size: 16vw;
  }
}
.case-layer .block-neadvantage .listtitlebox .cntit {
  font-size: 2.08333333vw;
  color: #44b041;
  font-weight: bold;
  position: relative;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-neadvantage .listtitlebox .cntit {
    font-size: 5.33333333vw;
  }
}
.case-layer .block-neadvantage .listcont {
  font-size: 0.9375vw;
  line-height: 2;
  color: #5c595a;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-neadvantage .listcont {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .case-layer .block-neadvantage .icon {
    margin-bottom: 10%;
  }
  .case-layer .block-neadvantage ul {
    flex-direction: column-reverse;
  }
  .case-layer .block-neadvantage ul:nth-of-type(2n) {
    flex-direction: column-reverse;
  }
  .case-layer .block-neadvantage li {
    margin: 5%;
    width: 90%;
  }
  .case-layer .block-neadvantage .listtitlebox .entit {
    left: 0;
    text-align: center;
  }
  .case-layer .block-neadvantage .listtitlebox .cntit {
    text-align: center;
  }
}
.case-layer .banner-presentation {
  width: 100%;
  height: auto;
  position: relative;
}
.case-layer .banner-presentation .banner-bg {
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-presentation .banner-bg {
    height: 56.25vw;
  }
  .case-layer .banner-presentation .banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
  }
}
.case-layer .banner-presentation .banner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.case-layer .banner-presentation .banner-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .banner-presentation .banner-titlebox .banner-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-presentation .banner-titlebox .banner-entitle {
    font-size: 4vw;
  }
}
.case-layer .banner-presentation .banner-titlebox .banner-title {
  color: #231f20;
  font-size: 2.5vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-presentation .banner-titlebox .banner-title {
    font-size: 6.4vw;
  }
}
.case-layer .banner-presentation .banner-wrapper {
  justify-content: space-between;
  padding: 9% 0 14%;
}
.case-layer .banner-presentation .cont {
  margin: 1% 0 0;
  padding: 0 30%;
  font-size: 0.83333333vw;
  color: #5b5857;
  line-height: 2;
}
.case-layer .banner-presentation .list {
  margin: 1% 0 0;
  width: 100%;
  padding: 0 25%;
}
.case-layer .banner-presentation .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.case-layer .banner-presentation .list ul .iconbox {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-layer .banner-presentation .list ul .iconbox.flex-rev {
  flex-direction: column-reverse;
}
.case-layer .banner-presentation .list ul .iconbox .icon {
  width: 30%;
}
.case-layer .banner-presentation .list ul .iconbox .title {
  font-size: 1.25vw;
  text-align: center;
  font-weight: bold;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-presentation .list ul .iconbox .title {
    font-size: 2.66666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-presentation .banner-wrapper {
    padding: 14% 0 0%;
  }
  .case-layer .banner-presentation .cont {
    display: none;
  }
  .case-layer .banner-presentation .list {
    padding: 0 10%;
  }
  .case-layer .banner-presentation .list ul .iconbox .icon {
    width: 50%;
  }
}
.case-layer .block-presentationcase {
  width: 100%;
  height: auto;
  padding: 5% 8.5% 0;
}
.case-layer .block-presentationcase ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3vw 3vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-presentationcase ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.case-layer .block-presentationcase li {
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
}
.case-layer .block-presentationcase li .icon {
  width: 100%;
}
.case-layer .block-presentationcase li .text {
  position: absolute;
  width: 100%;
  bottom: -30%;
  transition: all 0.5s;
  font-size: 1.14583333vw;
  color: #fff;
  padding: 2.5% 5%;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-presentationcase li .text {
    font-size: 3.46666667vw;
  }
}
.case-layer .block-presentationcase li:hover {
  transform: translateY(-3%);
}
.case-layer .block-presentationcase li:hover .text {
  bottom: 0;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-presentationcase {
    padding: 5% 5% 0;
  }
  .case-layer .block-presentationcase li .text {
    padding: 3% 5%;
    bottom: 0;
  }
}
.case-layer .block-infornews {
  width: 100%;
  height: auto;
  padding: 5% 7.8% 0;
}
.case-layer .block-infornews ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 4vw;
}
.case-layer .block-infornews li {
  transition: all 0.5s;
  border-bottom: 1px solid #f4f4f4;
}
.case-layer .block-infornews li a {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}
.case-layer .block-infornews li a.flex-rev {
  flex-direction: row-reverse;
}
.case-layer .block-infornews li .pic {
  max-width: 20%;
  position: relative;
}
.case-layer .block-infornews li .pic.play::before {
  content: '';
  position: absolute;
  width: 3.5vw;
  height: 3.5vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
  background-size: 25%;
  border-radius: 50%;
}
.case-layer .block-infornews li .cont {
  width: 100%;
  height: auto;
  padding: 5%;
  box-sizing: border-box;
  flex: 1;
}
.case-layer .block-infornews li .cont .titbox {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 1.5vw;
}
.case-layer .block-infornews li .cont .tit {
  font-size: 1.14583333vw;
  font-weight: bold;
  color: #090304;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infornews li .cont .tit {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-infornews li .cont .txt {
  width: 100%;
  height: auto;
  font-size: 0.72916667vw;
  color: #848181;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0% 0;
  box-sizing: border-box;
}
.case-layer .block-infornews li .cont .date {
  width: 100%;
  font-family: gilroy_regular;
  font-size: 1.35416667vw;
  line-height: 1.5;
  color: #adadad;
  display: none;
  margin-top: 3%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infornews li .cont .date {
    font-size: 3.46666667vw;
  }
}
.case-layer .block-infornews li .datebox {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: gilroy_regular;
  color: #adadad;
}
.case-layer .block-infornews li .datebox .year {
  font-size: 2.08333333vw;
}
.case-layer .block-infornews li .datebox .monthday {
  font-size: 1.92708333vw;
}
.case-layer .block-infornews li a::after {
  content: '';
  width: 6vw;
  height: 3px;
  background: linear-gradient(to right, #45b93c, #79d12c);
  position: absolute;
  bottom: -1.5px;
  left: 0;
  transition: all 0.5s;
}
.case-layer .block-infornews li:hover a {
  color: #45b93c;
}
.case-layer .block-infornews li:hover a::after {
  width: 100%;
}
.case-layer .block-infornews li:hover .cont .tit {
  color: #45b93c;
}
.case-layer .block-infornews li:hover .cont .txt {
  color: #45b93c;
}
.case-layer .block-infornews li:hover .datebox {
  color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infornews {
    padding: 0 5% 0;
  }
  .case-layer .block-infornews li a {
    box-sizing: border-box;
    padding: 5% 0;
  }
  .case-layer .block-infornews li a::after {
    display: none;
  }
  .case-layer .block-infornews li .pic {
    max-width: 45%;
  }
  .case-layer .block-infornews li .pic.play::before {
    content: '';
    position: absolute;
    width: 10vw;
    height: 10vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
    background-size: 25%;
    border-radius: 50%;
  }
  .case-layer .block-infornews li .cont {
    padding: 0 3% 0 0;
  }
  .case-layer .block-infornews li .cont .txt {
    display: none;
  }
  .case-layer .block-infornews li .cont .date {
    display: block;
  }
  .case-layer .block-infornews li .datebox {
    display: none;
  }
}
.case-layer .block-infonews {
  width: 100%;
  height: auto;
  padding: 5% 7.8% 0;
}
.case-layer .block-infonews ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 6%;
  row-gap: 4vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonews ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.case-layer .block-infonews li {
  /* width: 47%; */
  /* height: 100%; */
  cursor: pointer;
  display: inline-block;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}
.case-layer .block-infonews li .pic {
  width: 100%;
  height: auto;
  position: relative;
}
.case-layer .block-infonews li .pic.play::before {
  content: '';
  position: absolute;
  width: 3.5vw;
  height: 3.5vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
  background-size: 25%;
  border-radius: 50%;
}
.case-layer .block-infonews li .cont {
  width: 100%;
  height: auto;
  padding: 5%;
  box-sizing: border-box;
}
.case-layer .block-infonews li .cont .titbox {
  position: relative;
  border-bottom: 1px solid #f4f4f4;
  transition: all 0.5s;
}
.case-layer .block-infonews li .cont .titbox::before {
  content: '';
  width: 2vw;
  height: 3px;
  background: linear-gradient(to right, #45b93c, #79d12c);
  position: absolute;
  bottom: -1.5px;
  left: 0;
  transition: all 0.5s;
}
.case-layer .block-infonews li .cont .tit {
  font-size: 17px;
  color: #090304;
  line-height: 1.6;
  margin-bottom: 3%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.case-layer .block-infonews li .cont .txt {
  width: 100%;
  height: 0;
  opacity: 0;
  font-size: 15px;
  color: #848181;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0% 0;
  box-sizing: border-box;
  transition: all 0.5s;
}
.case-layer .block-infonews li .cont .date {
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  color: #adadad;
  background: url(/images/arrow5.png) no-repeat center right;
  background-size: 6px;
  margin-top: 3%;
}
.case-layer .block-infonews li:hover .cont .titbox::before {
  width: 100%;
}
.case-layer .block-infonews li:hover .cont .tit {
  color: #45b93c;
}
.case-layer .block-infonews li:hover .cont .txt {
  height: auto;
  opacity: 1;
  margin: 5% 0;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonews {
    padding: 5% 5% 0;
  }
  .case-layer .block-infonews ul {
    column-gap: 0;
    row-gap: 0;
  }
  .case-layer .block-infonews li {
    box-shadow: none;
    margin-bottom: 0;
    padding: 5% 0;
  }
  .case-layer .block-infonews li:not(:last-child) {
    box-shadow: none;
  }
  .case-layer .block-infonews li a {
    display: flex;
  }
  .case-layer .block-infonews li .pic {
    width: 70%;
  }
  .case-layer .block-infonews li .pic.play::before {
    width: 8vw;
    height: 8vw;
  }
  .case-layer .block-infonews li .cont {
    padding: 1.5% 0 1.5% 5%;
  }
  .case-layer .block-infonews li .cont .titbox::before {
    width: 0;
  }
  .case-layer .block-infonews li .cont .tit {
    font-size: 3.73vw;
  }
}
.case-layer .block-infonewsdetails {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.case-layer .block-infonewsdetails .detailsbox {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont {
  width: 65%;
  height: auto;
  padding: 5% 3% 5% 12%;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .headbox {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #eee;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
  font-size: 2.29166667vw;
  color: #272621;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
    font-size: 4.26666667vw;
  }
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 3% 0 1% 0;
  box-sizing: border-box;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li {
  font-size: 1.04166667vw;
  color: #969694;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li {
    font-size: 3.2vw;
  }
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a {
  font-size: 1.04166667vw;
  color: #969694;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a {
    font-size: 3.2vw;
  }
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a:hover {
  color: #44b041;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .cont {
  width: 100%;
  height: auto;
  padding: 3% 0 5% 0;
  box-sizing: border-box;
  font-size: 1.14583333vw;
  line-height: 2;
  color: #5b5857;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .cont {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .cont img {
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox {
  padding: 5% 0;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-entitle {
  font-family: gilroy_regular;
  color: #44b041;
  font-size: 0.83333333vw;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-entitle {
    font-size: 2.4vw;
  }
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-title {
  font-weight: bold;
  color: #44b041;
  font-size: 1.45833333vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-title {
    font-size: 4.66666667vw;
  }
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .download li:not(:last-child) {
  margin-bottom: 1em;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
  background-color: #f7f7f7;
  color: #090304;
  padding: 0 6%;
  transition: all 0.5s;
  background-image: url("/images/icon-download1.png"), url("/images/icon-download2.png"), url("/images/icon-download3.png");
  background-repeat: no-repeat;
  background-position: 2% center, 98% center, 97% center;
  background-size: 2%, 1.5%, contain;
  font-size: 0.83333333vw;
  line-height: 3;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-file:hover {
  background-image: url("/images/icon-download1-hover.png"), url("/images/icon-download2-hover.png"), url("/images/icon-download3.png");
  background-color: #44b041;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
    font-size: 4vw;
  }
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  padding: 5% 0 0;
  box-sizing: border-box;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve,
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next {
  width: 40%;
  height: auto;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit,
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
  font-size: 1.04166667vw;
  color: #adadad;
  line-height: 1.5;
  white-space: nowrap;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit,
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt,
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
  font-size: 1.04166667vw;
  color: #5b5857;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt,
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a,
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a:hover .tit,
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a:hover .tit {
  color: #44b041;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a:hover .txt,
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a:hover .txt {
  color: #44b041;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a {
  justify-content: flex-start;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit {
  border-right: 1px solid #d9d9d9;
  padding-right: 0.5vw;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt {
  padding-left: 0.5vw;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
  justify-content: flex-end;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
  border-left: 1px solid #d9d9d9;
  padding-left: 0.5vw;
}
.case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
  padding-right: 0.5vw;
}
.case-layer .block-infonewsdetails .detailsbox .youList {
  width: 35%;
  height: auto;
  background: url("/images/infolist-bg.png") no-repeat right top / contain #fafafa;
  padding: 5% 5% 5% 0%;
}
.case-layer .block-infonewsdetails .detailsbox .youList .titlebox {
  padding: 0 5%;
  border-left: 7px solid #44b041;
}
.case-layer .block-infonewsdetails .detailsbox .youList .titlebox .entitle {
  font-size: 0.83333333vw;
  color: #44b041;
  font-family: gilroy_regular;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonewsdetails .detailsbox .youList .titlebox .entitle {
    font-size: 2.93333333vw;
  }
}
.case-layer .block-infonewsdetails .detailsbox .youList .titlebox .title {
  font-size: 1.45833333vw;
  color: #44b041;
  font-weight: bold;
  box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonewsdetails .detailsbox .youList .titlebox .title {
    font-size: 4.66666667vw;
  }
}
.case-layer .block-infonewsdetails .detailsbox .youList .youbox {
  width: 100%;
  height: auto;
  padding: 0 5%;
}
.case-layer .block-infonewsdetails .detailsbox .youList .youbox ul {
  width: 100%;
  height: auto;
}
.case-layer .block-infonewsdetails .detailsbox .youList .youbox li {
  width: 100%;
}
.case-layer .block-infonewsdetails .detailsbox .youList .youbox li a {
  width: 100%;
  height: auto;
  padding: 5% 0;
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  align-items: stretch;
  justify-content: flex-end;
  border-bottom: 1px solid #ebebeb;
}
.case-layer .block-infonewsdetails .detailsbox .youList .youbox li a::before {
  content: "";
  position: absolute;
  width: 0%;
  background: #44b041;
  height: 1px;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}
.case-layer .block-infonewsdetails .detailsbox .youList .youbox li:last-child a {
  border: none;
}
.case-layer .block-infonewsdetails .detailsbox .youList .youbox li .pic {
  max-width: 30%;
  height: auto;
}
.case-layer .block-infonewsdetails .detailsbox .youList .youbox li .pic img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.case-layer .block-infonewsdetails .detailsbox .youList .youbox li .cont {
  padding: 0 2%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 70%;
}
.case-layer .block-infonewsdetails .detailsbox .youList .youbox li .tit {
  font-size: 0.83333333vw;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 4% 0 3% 0;
  box-sizing: border-box;
  transition: all 0.5s;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonewsdetails .detailsbox .youList .youbox li .tit {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-infonewsdetails .detailsbox .youList .youbox li:hover .tit {
  color: #44b041;
}
.case-layer .block-infonewsdetails .detailsbox .youList .youbox li:hover a::before {
  width: 100%;
}
.case-layer .block-infonewsdetails .detailsbox .youList .youbox li .date {
  font-size: 0.83333333vw;
  color: #adadad;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonewsdetails .detailsbox .youList .youbox li .date {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 1000px) {
  .case-layer .block-infonewsdetails {
    padding: 5% 5%;
  }
  .case-layer .block-infonewsdetails .detailsbox {
    display: block;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont {
    width: 100%;
    height: auto;
    padding: 5% 0;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
    font-size: 5vw;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source {
    padding: 2% 0 1% 0;
    justify-content: space-between;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li {
    font-size: 14px;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li span {
    display: none;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li a {
    font-size: 14px;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .cont {
    font-size: 15px;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
    padding: 2% 8%;
    background-size: 4%, 3% ,contain;
    background-position: 3% center, 94% center, 97% center;
    line-height: 1.5;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage {
    flex-direction: column;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve,
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next {
    width: 100%;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a {
    justify-content: flex-start;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit {
    border-right: 1px solid #d9d9d9;
    padding: 0 1vw 0 0;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt {
    padding: 0 0 0 1vw;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
    border-left: 0;
    border-right: 1px solid #d9d9d9;
    padding: 0 1vw 0 0;
  }
  .case-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
    padding: 0 0 0 1vw;
  }
  .case-layer .block-infonewsdetails .detailsbox .youList {
    width: 100%;
    height: auto;
    padding: 5% 0;
    background: #fff;
  }
  .case-layer .block-infonewsdetails .detailsbox .youList .titlebox {
    border-left: none;
    padding: 0;
  }
  .case-layer .block-infonewsdetails .detailsbox .youList .titlebox .title {
    padding-bottom: 1%;
  }
  .case-layer .block-infonewsdetails .detailsbox .youList .youbox {
    padding: 0;
  }
  .case-layer .block-infonewsdetails .detailsbox .youList .youbox li {
    padding: 0;
  }
  .case-layer .block-infonewsdetails .detailsbox .youList .youbox li a {
    padding: 3% 0;
    flex-direction: row;
  }
  .case-layer .block-infonewsdetails .detailsbox .youList .youbox li .pic {
    width: 100%;
    order: 3;
  }
  .case-layer .block-infonewsdetails .detailsbox .youList .youbox li .tit {
    width: 100%;
    height: auto;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    order: 1;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    font-weight: unset;
    margin: 0;
  }
  .case-layer .block-infonewsdetails .detailsbox .youList .youbox li .cont {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 2% 0 0;
  }
  .case-layer .block-infonewsdetails .detailsbox .youList .youbox li .date {
    display: block;
    top: 2px;
    left: 0;
    font-weight: bold;
    padding-bottom: 5%;
  }
}
.case-layer .block-mcglobalmap {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 9;
}
.case-layer .block-mcglobalmap .map,
.case-layer .block-mcglobalmap .m-map {
  width: 100%;
  height: auto;
}
.case-layer .block-mcglobalmap .m-map {
  display: none;
}
.case-layer .block-mcglobalmap .global {
  width: 45%;
  height: auto;
  position: absolute;
  left: 10%;
  bottom: 35%;
}
.case-layer .block-mcglobalmap .global .tit {
  font-size: 2.5vw;
  font-weight: bold;
  color: #090304;
  padding-bottom: 2%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mcglobalmap .global .tit {
    font-size: 6.4vw;
  }
}
.case-layer .block-mcglobalmap .global .tit span {
  color: #45b93c;
}
.case-layer .block-mcglobalmap .global .txt {
  width: 100%;
  font-size: 0.9375vw;
  color: #393535;
  padding-right: 25%;
  box-sizing: border-box;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mcglobalmap .global .txt {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-mcglobalmap .global .globalbtn {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  padding-top: 5%;
}
.case-layer .block-mcglobalmap .global .globalbtn a {
  display: block;
  height: auto;
  padding: 2% 12% 2% 3%;
  box-sizing: border-box;
  border: 1px solid #f4f4f4;
  background: url(/images/mc-global-arrow.png) no-repeat center #ffffff;
  background-size: 3em;
  background-position: 90%;
  transition: all 0.5s;
  margin-right: 5%;
}
.case-layer .block-mcglobalmap .global .globalbtn a .btit {
  font-size: 1.09375vw;
  font-weight: bold;
  line-height: 1.5;
  color: #090304;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mcglobalmap .global .globalbtn a .btit {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-mcglobalmap .global .globalbtn a .btxt {
  font-size: 0.8vw;
  color: #adadad;
  line-height: 1.5;
  white-space: nowrap;
  transition: all 0.5s;
}
.case-layer .block-mcglobalmap .global .globalbtn a:hover {
  background: url(/images/mc-global-arrow-hover.png) no-repeat center #45b93c;
  background-size: 3em;
  background-position: 90%;
}
.case-layer .block-mcglobalmap .global .globalbtn a:hover .btit {
  color: #fff;
}
.case-layer .block-mcglobalmap .global .globalbtn a:hover .btxt {
  color: #fff;
}
.case-layer .block-mcglobalmap .exitroute {
  width: 50%;
  height: 100%;
  position: absolute;
  bottom: 0%;
  right: 0;
  z-index: 9;
}
.case-layer .block-mcglobalmap .exitroute .exit .route {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 45.5%;
  right: 48.5%;
  z-index: 99;
}
.case-layer .block-mcglobalmap .exitroute .exit .route .dian {
  width: 19px;
  height: 19px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  box-shadow: inset 0 0 0px 3px #45b93c;
}
.case-layer .block-mcglobalmap .exitroute .exit .route .dian::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(68, 176, 65, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.case-layer .block-mcglobalmap .exitroute .exit .route .dian::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(68, 176, 65, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.case-layer .block-mcglobalmap .exitroute .exit .route .site {
  width: auto;
  height: auto;
  position: absolute;
  top: 20%;
  left: 160%;
  white-space: nowrap;
}
.case-layer .block-mcglobalmap .exitroute .exit .route .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.case-layer .block-mcglobalmap .exitroute .exit .route .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.case-layer .block-mcglobalmap .exitroute .exit .route .line-japan,
.case-layer .block-mcglobalmap .exitroute .exit .route .line-europe,
.case-layer .block-mcglobalmap .exitroute .exit .route .line-middleeast,
.case-layer .block-mcglobalmap .exitroute .exit .route .line-malaysia {
  height: auto;
  position: absolute;
  z-index: -1;
  animation: maplinemask 4s linear infinite;
}
.case-layer .block-mcglobalmap .exitroute .exit .route .line-japan {
  width: 13vw;
  bottom: 0;
  left: 50%;
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 0% 100%;
}
.case-layer .block-mcglobalmap .exitroute .exit .route .line-europe {
  width: 3.4vw;
  bottom: 0;
  right: 4px;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.case-layer .block-mcglobalmap .exitroute .exit .route .line-middleeast {
  width: 14vw;
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.case-layer .block-mcglobalmap .exitroute .exit .route .line-malaysia {
  width: 3.3vw;
  top: 10%;
  right: 10%;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.case-layer .block-mcglobalmap .exitroute .exit .japan {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 64%;
  right: 22.5%;
  z-index: 99;
}
.case-layer .block-mcglobalmap .exitroute .exit .japan .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.case-layer .block-mcglobalmap .exitroute .exit .japan .site {
  width: auto;
  height: auto;
  position: absolute;
  top: -20%;
  left: 170%;
  white-space: nowrap;
}
.case-layer .block-mcglobalmap .exitroute .exit .japan .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.case-layer .block-mcglobalmap .exitroute .exit .japan .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.case-layer .block-mcglobalmap .exitroute .exit .malaysia {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 18%;
  right: 54.5%;
  z-index: 99;
}
.case-layer .block-mcglobalmap .exitroute .exit .malaysia .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.case-layer .block-mcglobalmap .exitroute .exit .malaysia .site {
  width: auto;
  height: auto;
  position: absolute;
  top: -20%;
  left: 170%;
  white-space: nowrap;
}
.case-layer .block-mcglobalmap .exitroute .exit .malaysia .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.case-layer .block-mcglobalmap .exitroute .exit .malaysia .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.case-layer .block-mcglobalmap .exitroute .exit .europe {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 94.5%;
  right: 55%;
  z-index: 99;
}
.case-layer .block-mcglobalmap .exitroute .exit .europe .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.case-layer .block-mcglobalmap .exitroute .exit .europe .site {
  width: auto;
  height: auto;
  position: absolute;
  top: 0%;
  left: 170%;
  white-space: nowrap;
}
.case-layer .block-mcglobalmap .exitroute .exit .europe .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.case-layer .block-mcglobalmap .exitroute .exit .europe .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.case-layer .block-mcglobalmap .exitroute .exit .middleeast {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 48.5%;
  right: 76%;
  z-index: 99;
}
.case-layer .block-mcglobalmap .exitroute .exit .middleeast .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.case-layer .block-mcglobalmap .exitroute .exit .middleeast .site {
  width: auto;
  height: auto;
  position: absolute;
  text-align: right;
  top: -60%;
  right: 150%;
  white-space: nowrap;
}
.case-layer .block-mcglobalmap .exitroute .exit .middleeast .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.case-layer .block-mcglobalmap .exitroute .exit .middleeast .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mcglobalmap .map {
    display: none;
  }
  .case-layer .block-mcglobalmap .m-map {
    display: block;
  }
  .case-layer .block-mcglobalmap .global {
    width: 100%;
    padding: 5%;
    bottom: unset;
    left: 0;
  }
  .case-layer .block-mcglobalmap .global .tit,
  .case-layer .block-mcglobalmap .global .txt {
    text-align: center;
    padding-right: 0;
  }
  .case-layer .block-mcglobalmap .global .globalbtn {
    justify-content: space-between;
  }
  .case-layer .block-mcglobalmap .global .globalbtn a {
    width: 47%;
    margin-right: 0;
    padding: 2% 6% 2% 3%;
    background: url(/images/mc-global-arrow-hover.png) no-repeat center #45b93c;
    background-size: 15%;
    background-position: 90%;
  }
  .case-layer .block-mcglobalmap .global .globalbtn a .btit {
    line-height: 2;
    color: #fff;
  }
  .case-layer .block-mcglobalmap .global .globalbtn a .btxt {
    display: none;
  }
  .case-layer .block-mcglobalmap .exitroute {
    width: 100%;
    height: 65%;
    bottom: 0%;
  }
  .case-layer .block-mcglobalmap .exitroute .exit .route {
    bottom: 41.5%;
    right: 45.5%;
  }
  .case-layer .block-mcglobalmap .exitroute .exit .route .site {
    top: 30%;
  }
  .case-layer .block-mcglobalmap .exitroute .exit .route .dian {
    transform: scale(0.75);
  }
  .case-layer .block-mcglobalmap .exitroute .exit .route .line-malaysia {
    width: 7.25vw;
    top: 57%;
    right: 34%;
  }
  .case-layer .block-mcglobalmap .exitroute .exit .route .line-japan {
    width: 30.5vw;
    bottom: 25%;
    left: 66%;
  }
  .case-layer .block-mcglobalmap .exitroute .exit .route .line-middleeast {
    width: 29.5vw;
    bottom: 27%;
    right: 38%;
  }
  .case-layer .block-mcglobalmap .exitroute .exit .route .line-europe {
    width: 7.75vw;
    bottom: 34%;
    right: 33%;
  }
  .case-layer .block-mcglobalmap .exitroute .exit .japan {
    bottom: 60.5%;
    right: 15%;
  }
  .case-layer .block-mcglobalmap .exitroute .exit .japan .site {
    top: 140%;
    left: 0;
  }
  .case-layer .block-mcglobalmap .exitroute .exit .japan .dian {
    transform: scale(0.5);
  }
  .case-layer .block-mcglobalmap .exitroute .exit .europe {
    bottom: 91%;
    right: 53%;
  }
  .case-layer .block-mcglobalmap .exitroute .exit .europe .dian {
    transform: scale(0.5);
  }
  .case-layer .block-mcglobalmap .exitroute .exit .middleeast {
    bottom: 45%;
    right: 75%;
  }
  .case-layer .block-mcglobalmap .exitroute .exit .middleeast .site {
    top: 54%;
    left: -165%;
    right: unset;
    text-align: left;
  }
  .case-layer .block-mcglobalmap .exitroute .exit .middleeast .dian {
    transform: scale(0.5);
  }
  .case-layer .block-mcglobalmap .exitroute .exit .malaysia {
    bottom: 13.5%;
    right: 52.5%;
  }
  .case-layer .block-mcglobalmap .exitroute .exit .malaysia .dian {
    transform: scale(0.5);
  }
}
.case-layer .block-mccoop {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 10% 5% 10%;
  z-index: 10;
}
.case-layer .block-mccoop ul {
  padding: 0% 0 6%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2vw 2vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mccoop ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.case-layer .block-mccoop li {
  box-shadow: 0 0 15px 2px rgba(68, 176, 65, 0.2);
  transition: all 0.5s;
}
.case-layer .block-mccoop li a {
  display: block;
  width: 100%;
}
.case-layer .block-mccoop li .icon {
  width: 100%;
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-layer .block-mccoop li .icon.flex-rev {
  flex-direction: row-reverse;
}
.case-layer .block-mccoop li:hover {
  transform: translateY(-10%);
}
.case-layer .block-mccoop .joinus {
  color: #44b041;
  font-size: 1.04166667vw;
  text-align: center;
  padding: 2% 0 2%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mccoop .joinus {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mccoop {
    padding: 0 5% 5% 5%;
  }
  .case-layer .block-mccoop ul {
    padding: 6% 0 6%;
  }
}
.case-layer .block-mccontact {
  width: 100%;
  height: auto;
  position: relative;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.case-layer .block-mccontact .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 28vw;
}
.case-layer .block-mccontact .bg img {
  height: 100%;
  object-fit: cover;
}
.case-layer .block-mccontact .titlebox {
  padding-top: 5%;
}
.case-layer .block-mccontact .titlebox .title {
  font-size: 2.5vw;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mccontact .titlebox .title {
    font-size: 6.4vw;
  }
}
.case-layer .block-mccontact .titlebox .text {
  font-size: 0.9375vw;
  line-height: 2;
  margin-top: 3%;
  padding: 0 25%;
  color: #cccbca;
  text-align: center;
  display: none;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mccontact .titlebox .text {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-mccontact .contact-region {
  padding: 3% 30% 0;
}
.case-layer .block-mccontact .contact-region ul {
  display: flex;
  align-items: center;
}
.case-layer .block-mccontact .contact-region ul > * {
  flex: 1;
}
.case-layer .block-mccontact .contact-region li {
  cursor: pointer;
  margin: 0 3%;
  font-size: 1.2vw;
  font-weight: bold;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  line-height: 3;
  transition: all 0.5s;
}
.case-layer .block-mccontact .contact-region li:hover,
.case-layer .block-mccontact .contact-region li.now {
  background-color: #45b93c;
}
.case-layer .block-mccontact .contact-center {
  padding: 5% 10% 5%;
  min-height: 13vw;
}
.case-layer .block-mccontact .contact-center ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5vw 5vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mccontact .contact-center ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.case-layer .block-mccontact .contact-center li:hover .picbox .pictext {
  background-color: rgba(68, 176, 65, 0.9);
}
.case-layer .block-mccontact .contact-center li:hover .contbox::after {
  left: 0;
  width: 100%;
}
.case-layer .block-mccontact .contact-center .picbox {
  position: relative;
}
.case-layer .block-mccontact .contact-center .picbox .pic {
  width: 100%;
}
.case-layer .block-mccontact .contact-center .picbox .pictext {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 3;
  font-size: 1.2vw;
  padding: 0 10%;
  text-align: center;
  transition: all 0.5s;
}
.case-layer .block-mccontact .contact-center .contbox {
  position: relative;
  font-size: 0.9375vw;
  background-color: #fff;
  padding: 5% 1%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mccontact .contact-center .contbox {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-mccontact .contact-center .contbox::after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #44b041;
  transition: all 0.5s;
}
.case-layer .block-mccontact .contact-center .contbox .conttitle {
  display: none;
  font-weight: bold;
  line-height: 2;
}
.case-layer .block-mccontact .contact-center .contbox .contline {
  line-height: 2;
}
.case-layer .block-mccontact .contact-center .contbox .contline span {
  font-weight: bold;
}
.case-layer .block-mccontact .contact-center .contbox i {
  display: inline-block;
  width: 1.2vw;
  height: 1.2vw;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-mccontact .bg {
    height: 37vw;
  }
  .case-layer .block-mccontact .titlebox .text {
    padding: 0 5%;
  }
  .case-layer .block-mccontact .contact-region {
    padding: 3% 3% 0;
  }
  .case-layer .block-mccontact .contact-region li {
    font-size: 3.73vw;
  }
  .case-layer .block-mccontact .contact-center {
    padding: 15% 5% 5%;
  }
  .case-layer .block-mccontact .contact-center ul {
    gap: 4vw 0;
  }
  .case-layer .block-mccontact .contact-center li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  .case-layer .block-mccontact .contact-center li.flex-rev {
    flex-direction: row-reverse;
  }
  .case-layer .block-mccontact .contact-center li .picbox {
    width: 33%;
  }
  .case-layer .block-mccontact .contact-center li .picbox .pictext {
    display: none;
  }
  .case-layer .block-mccontact .contact-center li .contbox {
    width: 67%;
    padding: 0 0 0 2%;
  }
  .case-layer .block-mccontact .contact-center li .contbox::after {
    display: none;
  }
  .case-layer .block-mccontact .contact-center li .contbox .conttitle {
    display: block;
    line-height: unset;
  }
  .case-layer .block-mccontact .contact-center li .contbox .contline {
    line-height: 1.5;
  }
  .case-layer .block-mccontact .contact-center li .contbox .contline i {
    display: none;
  }
  .case-layer .block-mccontact .contact-center li .contbox i {
    width: 3.7vw;
    height: 3.7vw;
  }
}
.case-layer .banner-productdetail {
  width: 100%;
  height: auto;
  position: relative;
}
.case-layer .banner-productdetail .banner-bg {
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-productdetail .banner-bg {
    height: 56.25vw;
  }
  .case-layer .banner-productdetail .banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
  }
}
.case-layer .banner-productdetail .banner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.case-layer .banner-productdetail .banner-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .banner-productdetail .banner-titlebox .banner-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-productdetail .banner-titlebox .banner-entitle {
    font-size: 4vw;
  }
}
.case-layer .banner-productdetail .banner-titlebox .banner-title {
  color: #231f20;
  font-size: 2.5vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-productdetail .banner-titlebox .banner-title {
    font-size: 6.4vw;
  }
}
.case-layer .banner-productdetail .titlebox {
  position: absolute;
  width: 100%;
  top: 15%;
  text-align: center;
}
.case-layer .banner-productdetail .titlebox .title {
  display: inline-block;
  position: relative;
  font-size: 1.66666667vw;
  padding-bottom: 1.5%;
  color: #302f2b;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-productdetail .titlebox .title {
    font-size: 4.26666667vw;
  }
}
.case-layer .banner-productdetail .titlebox .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 20%;
  left: 50%;
  transform: translate(-50%, -1.5px);
  background-color: #302f2b;
}
.case-layer .banner-productdetail .titlebox .title2 {
  margin-top: 2%;
  font-size: 3.02083333vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-productdetail .titlebox .title2 {
    font-size: 5.6vw;
  }
}
.case-layer .banner-productdetail .titlebox .description {
  margin-top: 2%;
  font-size: 1.25vw;
  padding: 0 30%;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-productdetail .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.case-layer .banner-productdetail .titlepic {
  position: absolute;
  width: 60%;
  left: 20%;
  top: 60%;
  text-align: center;
  z-index: 1;
  transition: all 0.5s;
}
.case-layer .banner-productdetail .titlepic:hover {
  transform: scale(1.05);
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-productdetail .banner-bg {
    height: 75vw;
  }
  .case-layer .banner-productdetail .titlebox .title {
    padding-bottom: 3%;
  }
  .case-layer .banner-productdetail .titlebox .title::after {
    width: 40%;
  }
  .case-layer .banner-productdetail .titlebox .description {
    padding: 0 10%;
  }
  .case-layer .banner-productdetail .titlepic {
    width: 70%;
    left: 15%;
    top: 70%;
  }
}
.case-layer .block-productdetailmaterial {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  width: 100%;
  height: auto;
  position: relative;
  background-image: url("/images/pd-material-bg.jpg");
  background-position: left top;
}
.case-layer .block-productdetailmaterial .titlebox {
  padding: 15% 0 10%;
  left: 0;
  width: 100%;
  text-align: center;
}
.case-layer .block-productdetailmaterial .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailmaterial .titlebox .title {
    font-size: 5.6vw;
  }
}
.case-layer .block-productdetailmaterial .titlebox .title span {
  font-weight: bold;
}
.case-layer .block-productdetailmaterial .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailmaterial .titlebox .description {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailmaterial .titlebox {
    padding: 15% 0 15%;
  }
  .case-layer .block-productdetailmaterial .titlebox .title {
    padding: 0%;
  }
  .case-layer .block-productdetailmaterial .titlebox .description {
    padding: 2% 5%;
  }
}
.case-layer .block-productdetailquality {
  width: 100%;
  height: auto;
  display: none;
}
.case-layer .block-productdetailquality .cutNav {
  width: 100%;
  height: auto;
  background: #fff;
}
.case-layer .block-productdetailquality .cutNav ul {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-layer .block-productdetailquality .cutNav li {
  width: auto;
  height: auto;
  padding: 0 3%;
}
.case-layer .block-productdetailquality .cutNav li a {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25% 0;
  position: relative;
  box-sizing: border-box;
}
.case-layer .block-productdetailquality .cutNav li a::before {
  content: '';
  width: 0%;
  height: 2px;
  background: #45b93c;
  position: absolute;
  bottom: 0;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
  transition: all 0.5s;
}
.case-layer .block-productdetailquality .cutNav li.now a::before {
  width: 100%;
  opacity: 1;
}
.case-layer .block-productdetailquality .cutNav li a:hover::before {
  width: 100%;
  opacity: 1;
}
.case-layer .block-productdetailquality .cutNav li a .icon {
  width: 3vw;
  height: auto;
}
.case-layer .block-productdetailquality .cutNav li a .icon img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: 0.7;
  transition: all 0.5s;
}
.case-layer .block-productdetailquality .cutNav li.now a .icon img {
  filter: none;
  opacity: 1;
}
.case-layer .block-productdetailquality .cutNav li a:hover .icon img {
  filter: none;
  opacity: 1;
}
.case-layer .block-productdetailquality .cutNav li a .tit {
  font-size: 17px;
  line-height: 1;
  padding-top: 5%;
  box-sizing: border-box;
  color: #969495;
  transition: all 0.5s;
  text-align: center;
}
.case-layer .block-productdetailquality .cutNav li.now a .tit {
  color: #45b93c;
}
.case-layer .block-productdetailquality .cutNav li a:hover .tit {
  color: #45b93c;
}
.case-layer .block-productdetailquality .qualitybox {
  width: 100%;
  height: auto;
}
.case-layer .block-productdetailquality .qualitybox ul {
  width: 100%;
  height: auto;
}
.case-layer .block-productdetailquality .qualitybox li {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  display: none;
  z-index: 9;
}
.case-layer .block-productdetailquality .qualitybox li .qualitycont {
  width: 100%;
  padding: 5% 15%;
  height: auto;
  visibility: visible;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-name: fadeInUp;
}
.case-layer .block-productdetailquality .qualitybox li.now {
  display: block;
}
.case-layer .block-productdetailquality .qualitybox li .textcont {
  width: 100%;
  height: auto;
  padding: 0 10%;
  box-sizing: border-box;
}
.case-layer .block-productdetailquality .qualitybox li .textcont .title {
  font-size: 2.5vw;
  color: #090304;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailquality .qualitybox li .textcont .title {
    font-size: 6.4vw;
  }
}
.case-layer .block-productdetailquality .qualitybox li .textcont .title span {
  color: #45b93c;
}
.case-layer .block-productdetailquality .qualitybox li .textcont .tit1 {
  font-size: 1.5625vw;
  color: #c3c3c3;
  text-align: center;
  line-height: 2;
  padding: 1% 0;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailquality .qualitybox li .textcont .tit1 {
    font-size: 4vw;
  }
}
.case-layer .block-productdetailquality .qualitybox li .textcont .txt {
  font-size: 0.9375vw;
  color: #3a3536;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailquality .qualitybox li .textcont .txt {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-productdetailquality .qualitybox li .textcont .pic {
  width: 100%;
  height: auto;
  padding-top: 5%;
}
.case-layer .block-productdetailquality .qualitybox li .textcont .pic img {
  width: auto;
  margin: auto;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.case-layer .block-productdetailquality .qualitybox li .bceffect {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.case-layer .block-productdetailquality .qualitybox li .bceffect img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all 0.5s;
}
.case-layer .block-productdetailquality .qualitybox li:hover .bceffect img {
  transform: scale(1.1);
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailquality .cutNav li a {
    padding: 8% 0;
  }
  .case-layer .block-productdetailquality .cutNav li a .icon {
    width: 9vw;
  }
  .case-layer .block-productdetailquality .cutNav li a .tit {
    font-size: 13px;
  }
  .case-layer .block-productdetailquality .qualitybox li {
    animation-name: none;
    padding: 5%;
  }
  .case-layer .block-productdetailquality .qualitybox li .qualitycont {
    padding: 5% 5%;
  }
  .case-layer .block-productdetailquality .qualitybox li .textcont {
    padding: 0;
  }
  .case-layer .block-productdetailquality .qualitybox li .textcont .pic {
    padding: 5% 15% 0;
  }
  .case-layer .block-productdetailquality .qualitybox li .textcont .tit1 {
    line-height: 1.5;
  }
  .case-layer .block-productdetailquality .qualitybox li .bceffect {
    top: 81%;
  }
}
.case-layer .block-productdetailcert {
  width: 100%;
  height: auto;
  display: none;
  background: url("/images/pd-cert-bg.jpg") no-repeat left top / cover;
  padding: 7% 0;
}
.case-layer .block-productdetailcert .titlebox {
  width: 100%;
  text-align: center;
}
.case-layer .block-productdetailcert .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailcert .titlebox .title {
    font-size: 6.4vw;
  }
}
.case-layer .block-productdetailcert .titlebox .title span {
  font-weight: bold;
}
.case-layer .block-productdetailcert .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailcert .titlebox .description {
    font-size: 3.2vw;
  }
}
.case-layer .block-productdetailcert .certlist {
  margin-top: 2%;
  padding: 0 12%;
}
.case-layer .block-productdetailcert .certlist ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 3vw;
}
.case-layer .block-productdetailcert .certlist ul.flex-rev {
  flex-direction: row-reverse;
}
.case-layer .block-productdetailcert .certlist li .icon {
  box-shadow: 0 0 20px 5px #cbcbcb;
  transition: all 0.5s;
  width: 100%;
}
.case-layer .block-productdetailcert .certlist li:hover .icon {
  transform: translateY(-10%);
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailcert .titlebox .description {
    padding: 2% 5%;
    line-height: 1.5;
  }
  .case-layer .block-productdetailcert .certlist ul {
    flex-wrap: wrap;
  }
  .case-layer .block-productdetailcert .certlist li {
    width: 30%;
  }
}
.case-layer .block-productdetailstyle {
  width: 100%;
  height: auto;
  display: none;
  background-color: #f8f8f8;
}
.case-layer .block-productdetailstyle .titlebox {
  width: 100%;
  text-align: center;
  padding: 6% 0 3%;
}
.case-layer .block-productdetailstyle .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailstyle .titlebox .title {
    font-size: 6.4vw;
  }
}
.case-layer .block-productdetailstyle .titlebox .title span {
  font-weight: bold;
}
.case-layer .block-productdetailstyle .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailstyle .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-productdetailstyle .style-slide {
  position: relative;
  margin: 0% 8% 0;
}
.case-layer .block-productdetailstyle .style-slide .pic {
  width: 100%;
  height: auto;
}
.case-layer .block-productdetailstyle .style-slide .swiper-slide-prev,
.case-layer .block-productdetailstyle .style-slide .swiper-slide-next {
  position: relative;
}
.case-layer .block-productdetailstyle .style-slide .swiper-slide-prev::before,
.case-layer .block-productdetailstyle .style-slide .swiper-slide-next::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.case-layer .block-productdetailstyle .style-slide .style-button-prev,
.case-layer .block-productdetailstyle .style-slide .style-button-next {
  position: absolute;
  top: 0%;
  width: 30%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.case-layer .block-productdetailstyle .style-slide .style-button-prev .icon,
.case-layer .block-productdetailstyle .style-slide .style-button-next .icon {
  width: 20%;
  max-width: 100px;
}
.case-layer .block-productdetailstyle .style-slide .style-button-prev .micon,
.case-layer .block-productdetailstyle .style-slide .style-button-next .micon {
  width: 50%;
  padding: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
.case-layer .block-productdetailstyle .style-slide .style-button-prev {
  left: 0%;
}
.case-layer .block-productdetailstyle .style-slide .style-button-next {
  right: 0%;
}
.case-layer .block-productdetailstyle .swiper-pagination-custom li {
  padding: 2% 30% 8%;
  display: none;
  text-align: center;
  font-size: 1.25vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailstyle .swiper-pagination-custom li {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-productdetailstyle .swiper-pagination-custom li.now {
  display: block;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailstyle .titlebox .description {
    padding: 2% 5%;
    line-height: 1.5;
  }
  .case-layer .block-productdetailstyle .style-slide {
    margin: 3% 0 0;
  }
  .case-layer .block-productdetailstyle .style-slide .style-button-prev,
  .case-layer .block-productdetailstyle .style-slide .style-button-next {
    width: 20%;
  }
  .case-layer .block-productdetailstyle .style-slide .style-button-prev .icon,
  .case-layer .block-productdetailstyle .style-slide .style-button-next .icon {
    display: none;
  }
  .case-layer .block-productdetailstyle .style-slide .style-button-prev .micon,
  .case-layer .block-productdetailstyle .style-slide .style-button-next .micon {
    display: flex;
    flex-direction: row;
  }
  .case-layer .block-productdetailstyle .style-slide .style-button-prev .micon.flex-rev,
  .case-layer .block-productdetailstyle .style-slide .style-button-next .micon.flex-rev {
    flex-direction: row-reverse;
  }
  .case-layer .block-productdetailstyle .swiper-pagination-custom li {
    padding: 2% 5% 8%;
  }
}
.case-layer .block-productdetailcolor {
  position: relative;
  padding-bottom: 5%;
}
.case-layer .block-productdetailcolor .titlebox {
  width: 100%;
  text-align: center;
  background-color: #fff;
  padding: 6% 0 3%;
}
.case-layer .block-productdetailcolor .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailcolor .titlebox .title {
    font-size: 5.6vw;
  }
}
.case-layer .block-productdetailcolor .titlebox .title span {
  font-weight: bold;
}
.case-layer .block-productdetailcolor .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailcolor .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-productdetailcolor .color-slide {
  position: relative;
  margin: 0 12%;
}
.case-layer .block-productdetailcolor .color-slide .pic {
  width: 100%;
  height: auto;
  border-radius: 7px;
}
.case-layer .block-productdetailcolor .color-slide .pic img {
  border-radius: 4px;
}
.case-layer .block-productdetailcolor .color-slide .swiper-pagination-custom {
  height: 4.5vw;
  margin: 0 auto;
  width: 100%;
  max-width: 41vw;
  margin-top: 4%;
  z-index: 10;
}
.case-layer .block-productdetailcolor .color-slide .swiper-pagination-custom ul {
  overflow-x: scroll;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.case-layer .block-productdetailcolor .color-slide .swiper-pagination-custom ul::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.case-layer .block-productdetailcolor .color-slide .swiper-pagination-custom li {
  flex-shrink: 0;
  width: 6vw;
  margin: 0 1%;
  border-radius: 6px;
  padding: 2px;
  border: 2px solid transparent;
}
.case-layer .block-productdetailcolor .color-slide .swiper-pagination-custom li.now {
  border: 2px solid #44b041;
}
.case-layer .block-productdetailcolor .color-button {
  position: absolute;
  width: 100%;
  display: flex;
  bottom: 14%;
  box-sizing: border-box;
  justify-content: space-between;
}
.case-layer .block-productdetailcolor .color-button .color-button-prev,
.case-layer .block-productdetailcolor .color-button .color-button-next {
  position: absolute;
  cursor: pointer;
  width: 10%;
  height: 100%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.case-layer .block-productdetailcolor .color-button .color-button-prev .icon,
.case-layer .block-productdetailcolor .color-button .color-button-next .icon {
  width: 40%;
}
.case-layer .block-productdetailcolor .color-button .color-button-prev {
  left: 12%;
}
.case-layer .block-productdetailcolor .color-button .color-button-next {
  right: 12%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-productdetailcolor {
    padding-bottom: 10%;
  }
  .case-layer .block-productdetailcolor .titlebox {
    padding: 15% 0 6%;
  }
  .case-layer .block-productdetailcolor .titlebox .description {
    padding: 2% 10%;
  }
  .case-layer .block-productdetailcolor .color-slide .swiper-pagination-custom {
    max-width: 39vw;
    height: 8vw;
  }
  .case-layer .block-productdetailcolor .color-slide .swiper-pagination-custom li {
    width: 12vw;
  }
  .case-layer .block-productdetailcolor .color-button {
    bottom: 16vw;
  }
  .case-layer .block-productdetailcolor .color-button .color-button-prev .icon,
  .case-layer .block-productdetailcolor .color-button .color-button-next .icon {
    width: 60%;
  }
}
.case-layer .block-respadvantage {
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.case-layer .block-respadvantage .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .block-respadvantage .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respadvantage .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.case-layer .block-respadvantage .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respadvantage .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.case-layer .block-respadvantage .list {
  margin: 3% 0;
}
.case-layer .block-respadvantage .list ul {
  display: flex;
  justify-content: space-between;
  padding: 0 35%;
}
.case-layer .block-respadvantage .list li {
  cursor: pointer;
  text-align: center;
  color: #adadad;
}
.case-layer .block-respadvantage .list li .num {
  display: inline-block;
  font-family: gilroy_bold;
  font-size: 2.08333333vw;
  padding-bottom: 3%;
  border-bottom: 3px solid #adadad;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respadvantage .list li .num {
    font-size: 5.33333333vw;
  }
}
.case-layer .block-respadvantage .list li .txt {
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respadvantage .list li .txt {
    font-size: 4vw;
  }
}
.case-layer .block-respadvantage .list li:hover,
.case-layer .block-respadvantage .list li.now {
  color: #44b041;
}
.case-layer .block-respadvantage .list li:hover .num,
.case-layer .block-respadvantage .list li.now .num {
  border-bottom: 3px solid #44b041;
}
.case-layer .block-respadvantage .piclist ul {
  margin: 0 8%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.case-layer .block-respadvantage .piclist ul.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respadvantage .piclist ul {
    flex-direction: column;
  }
  .case-layer .block-respadvantage .piclist ul.flex-rev {
    flex-direction: column-reverse;
  }
}
.case-layer .block-respadvantage .piclist li {
  flex: 1;
}
.case-layer .block-respadvantage .piclist li .imgbox {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.case-layer .block-respadvantage .piclist li .imgbox .imgcont {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #44b041;
  color: #fff;
  transition: all 0.5s;
}
.case-layer .block-respadvantage .piclist li .imgbox .contbox {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.case-layer .block-respadvantage .piclist li .imgbox .contbox .img {
  height: 4vw;
  max-height: 75px;
  width: auto;
  max-width: unset;
}
.case-layer .block-respadvantage .piclist li .imgbox .contbox .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.case-layer .block-respadvantage .piclist li .imgbox .contbox .tit {
  position: relative;
  margin-top: 2%;
  font-size: 1.5625vw;
  padding-bottom: 2%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respadvantage .piclist li .imgbox .contbox .tit {
    font-size: 4.66666667vw;
  }
}
.case-layer .block-respadvantage .piclist li .imgbox .contbox .tit::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 30%;
  height: 3px;
  background-color: #fff;
  left: 35%;
}
.case-layer .block-respadvantage .piclist li .imgbox .contbox .txt {
  margin-top: 2%;
  padding: 0 10%;
  font-size: 0.83333333vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respadvantage .piclist li .imgbox .contbox .txt {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respadvantage .list {
    margin: 4% 0 1%;
  }
  .case-layer .block-respadvantage .list ul {
    padding: 0 10%;
  }
  .case-layer .block-respadvantage .piclist ul {
    margin: 0;
  }
  .case-layer .block-respadvantage .piclist li {
    padding: 2.5% 5%;
  }
  .case-layer .block-respadvantage .piclist li .imgbox {
    min-height: 85vw;
  }
  .case-layer .block-respadvantage .piclist li .imgbox .imgcont {
    position: relative;
    box-sizing: border-box;
    padding: 10% 0;
  }
  .case-layer .block-respadvantage .piclist li .imgbox .imgcont .img {
    height: 12vw;
  }
  .case-layer .block-respadvantage .piclist li .imgbox .contbox .txt {
    padding: 0 5%;
  }
}
.case-layer .block-respcharity {
  background-color: #f5fcf6;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.case-layer .block-respcharity .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .block-respcharity .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respcharity .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.case-layer .block-respcharity .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respcharity .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.case-layer .block-respcharity .block-titlebox .block-subtitle {
  margin-top: 2%;
  color: #cacdca;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respcharity .block-titlebox .block-subtitle {
    font-size: 4vw;
  }
}
.case-layer .block-respcharity .charitylist {
  width: 100%;
  height: auto;
  margin: auto;
  overflow: hidden;
  padding: 5% 0 5% 12%;
}
.case-layer .block-respcharity .charitylist .scrollbox {
  width: 100%;
  height: auto;
  margin: auto;
  overflow-y: hidden;
  box-sizing: border-box;
  padding-bottom: 36px;
  overflow-x: scroll;
  align-items: center;
  display: flex;
}
.case-layer .block-respcharity .charitylist .scrollbox::-webkit-scrollbar {
  width: 10px;
  height: 6px;
}
.case-layer .block-respcharity .charitylist .scrollbox::-webkit-scrollbar-thumb {
  background-color: #45b93c;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
.case-layer .block-respcharity .charitylist .scrollbox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgb(0 0 0%);
  background: #cecdce;
}
.case-layer .block-respcharity .charitylist .scrollbox ul {
  display: flex;
}
.case-layer .block-respcharity .charitylist .scrollbox ul > * {
  display: block;
  flex-shrink: 0;
}
.case-layer .block-respcharity .charitylist .scrollbox li {
  width: 30vw;
  height: auto;
  display: inline-block;
  margin-right: 15px;
  position: relative;
}
.case-layer .block-respcharity .charitylist .scrollbox .cont {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 0.72916667vw;
  line-height: 1.5;
  padding: 2% 5%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respcharity .charitylist .scrollbox .cont {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respcharity .charitylist .scrollbox li {
    width: 60vw;
  }
}
.case-layer .block-respparty {
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.case-layer .block-respparty .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .block-respparty .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respparty .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.case-layer .block-respparty .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respparty .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.case-layer .block-respparty .block-titlebox .block-description {
  padding: 2% 20%;
  font-size: 1.04166667vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respparty .block-titlebox .block-description {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-respparty .partylist {
  padding: 2% 7% 5%;
}
.case-layer .block-respparty .partylist .imgbox {
  margin: 5%;
  padding-bottom: 10%;
}
.case-layer .block-respparty .partylist .imgbox .img {
  position: relative;
  width: 100%;
}
.case-layer .block-respparty .partylist .imgbox .img::before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 0;
  width: 100%;
  background-color: #44b041;
  transition: all 0.5s;
}
.case-layer .block-respparty .partylist .imgbox .cont .cont-tit {
  margin-top: 3%;
  line-height: 1.5;
  font-size: 1.25vw;
  font-weight: bold;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respparty .partylist .imgbox .cont .cont-tit {
    font-size: 4.53333333vw;
  }
}
.case-layer .block-respparty .partylist .imgbox .cont .cont-txt {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: #8f8e8e;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respparty .partylist .imgbox .cont .cont-txt {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-respparty .partylist .imgbox .cont .cont-date {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: #8f8e8e;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respparty .partylist .imgbox .cont .cont-date {
    font-size: 3.46666667vw;
  }
}
.case-layer .block-respparty .partylist .imgbox:hover .img::before {
  height: 10px;
}
.case-layer .block-respparty .partylist .imgbox:hover .cont-tit {
  color: #44b041;
}
.case-layer .block-respparty .partylist .imgbox:hover .cont-txt {
  color: #090304;
}
.case-layer .block-respparty .partylist .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-layer .block-respparty .partylist .swiper-pagination-bullet {
  width: 0.42vw;
  height: 0.42vw;
  margin: 0 0.42vw;
}
.case-layer .block-respparty .partylist .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.84vw;
  height: 0.84vw;
  background: #44b041;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respparty .partylist {
    padding: 5%;
  }
  .case-layer .block-respparty .partylist .swiper-pagination-bullet {
    width: 1.86vw;
    height: 1.86vw;
    margin: 0 1.86vw;
  }
  .case-layer .block-respparty .partylist .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 3.73vw;
    height: 3.73vw;
  }
  .case-layer .block-respparty .partylist .imgbox:hover .img::before {
    height: 5px;
  }
  .case-layer .block-respparty .partylist .imgbox .cont .cont-txt {
    margin-top: 0;
  }
}
@media screen and (max-width: 1000px) {
  .case-layer .block-respparty .block-titlebox .block-description {
    padding: 2% 5%;
  }
}
.case-layer .block-talentidea {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background: url('/images/talent-bg1.jpg') no-repeat left bottom;
  background-size: contain;
}
.case-layer .block-talentidea .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .block-talentidea .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentidea .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.case-layer .block-talentidea .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentidea .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.case-layer .block-talentidea .block-titlebox .block-description {
  margin-top: 1%;
  color: #cacdca;
  font-size: 1.5625vw;
}
.case-layer .block-talentidea .list {
  padding: 5% 11% 23%;
  text-align: center;
}
.case-layer .block-talentidea .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentidea .list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.case-layer .block-talentidea .list li {
  color: #090304;
  margin-top: 5%;
  transition: all 0.5s;
}
.case-layer .block-talentidea .list li .icon {
  height: 1.14583333vw;
  background: url('/images/icon-quote.png') no-repeat center center / 5%;
  opacity: 0;
  margin-bottom: 2%;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentidea .list li .icon {
    height: 2.93333333vw;
  }
}
.case-layer .block-talentidea .list li .tit {
  display: inline-block;
  font-size: 1.66666667vw;
  padding-bottom: 2%;
  border-bottom: 1px solid #b5b4b3;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentidea .list li .tit {
    font-size: 4.66666667vw;
  }
}
.case-layer .block-talentidea .list li .txt {
  padding-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentidea .list li .txt {
    font-size: 3.46666667vw;
  }
}
.case-layer .block-talentidea .list li:hover {
  color: #44b041;
}
.case-layer .block-talentidea .list li:hover .icon {
  opacity: 1;
}
.case-layer .block-talentidea .list li:hover .tit {
  border-bottom-color: #44b041;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentidea .list {
    padding: 5% 4% 23%;
  }
}
.case-layer .block-talentenviroment {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.case-layer .block-talentenviroment .block-titlebox .block-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentenviroment .block-titlebox .block-description {
    font-size: 4vw;
  }
}
.case-layer .block-talentenviroment .list {
  margin: 5% 8%;
  display: flex;
}
.case-layer .block-talentenviroment .list ul {
  flex: 1;
}
.case-layer .block-talentenviroment .list.grid1x2 ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.case-layer .block-talentenviroment .list.grid2x2 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.case-layer .block-talentenviroment .list.grid4x2 ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentenviroment .list.grid4x2 {
    flex-direction: column;
  }
  .case-layer .block-talentenviroment .list.grid4x2 ul:nth-child(2) {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}
.case-layer .block-talentenviroment .list.grid3x3 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.case-layer .block-talentenviroment .list.grid4x4 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentenviroment .list.grid4x4 ul:nth-child(2) {
    flex-direction: column;
  }
  .case-layer .block-talentenviroment .list.grid4x4 ul:nth-child(2) ul:nth-child(2) {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 1fr);
  }
}
.case-layer .block-talentenviroment .list ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.case-layer .block-talentenviroment .list .pictext {
  color: #fff;
  text-align: center;
}
.case-layer .block-talentenviroment .list .pictext .cntitle {
  font-size: 1.45833333vw;
  font-weight: bold;
}
.case-layer .block-talentenviroment .list .pictext .entitle {
  font-size: 1.25vw;
}
.case-layer .block-talentenviroment .list ul:nth-child(2) .pictext .cntitle {
  font-size: 1.45833333vw;
}
.case-layer .block-talentenviroment .list ul:nth-child(2) .pictext .entitle {
  font-size: 1.25vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentenviroment .list {
    margin: 5% 0 0;
  }
}
.case-layer .block-talentgift {
  width: 100%;
  height: auto;
  position: relative;
  padding: 5% 0 0;
  overflow: hidden;
  background-image: url('/images/talent-bg2.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.case-layer .block-talentgift .block-titlebox .block-title {
  color: #fff;
}
.case-layer .block-talentgift .block-titlebox .block-subtitle {
  color: #fff;
  font-size: 1.5625vw;
  margin-top: 0%;
  opacity: 0.7;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentgift .block-titlebox .block-subtitle {
    font-size: 4.93333333vw;
  }
}
.case-layer .block-talentgift .giftlist {
  margin: 5% 12% 6%;
  box-shadow: 0 0 10px 2px #adadad;
}
.case-layer .block-talentgift .giftlist ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentgift .giftlist ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.case-layer .block-talentgift .giftlist .giftbox {
  padding: 10%;
  display: flex;
  flex-direction: column;
  color: #44b041;
  background-color: #fff;
  align-items: center;
  text-align: center;
}
.case-layer .block-talentgift .giftlist .giftbox.flex-rev {
  flex-direction: column-reverse;
}
.case-layer .block-talentgift .giftlist .giftbox .imgbox .img {
  width: 40%;
  max-width: 40px;
  display: inline-flex;
}
.case-layer .block-talentgift .giftlist .giftbox .imgbox .entitle {
  font-family: gilroy_regular;
  font-size: 0.83333333vw;
  text-transform: uppercase;
  padding: 20% 0 0;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentgift .giftlist .giftbox .imgbox .entitle {
    display: none;
  }
}
.case-layer .block-talentgift .giftlist .giftbox .imgbox .title {
  font-size: 1.35416667vw;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentgift .giftlist .giftbox .imgbox .title {
    font-size: 4.66666667vw;
  }
}
.case-layer .block-talentgift .giftlist .giftbox .descbox {
  padding: 4% 10% 0;
  font-size: 0.9375vw;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentgift .giftlist .giftbox .descbox {
    font-size: 3.46666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentgift .block-titlebox .block-subtitle {
    margin-top: 0%;
  }
  .case-layer .block-talentgift .giftlist {
    box-shadow: none;
  }
  .case-layer .block-talentgift .giftlist li {
    margin: 5% 0;
    box-shadow: 0 0 5px 2px #dddddd;
  }
  .case-layer .block-talentgift .giftlist .giftbox .descbox {
    padding: 0% 5%;
  }
}
.case-layer .block-talentworking {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.case-layer .block-talentworking .block-titlebox .block-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentworking .block-titlebox .block-description {
    font-size: 4vw;
  }
}
.case-layer .block-talentworking .list .pictextwrapper {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  padding: 7% 7%;
}
.case-layer .block-talentworking .list .pictextwrapper .pictextbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.case-layer .block-talentworking .list .pictextwrapper .pictextbox {
  width: 60%;
  height: auto;
  position: relative;
  z-index: 1;
}
.case-layer .block-talentworking .list .pictextwrapper .pictextbox .picbox {
  width: 80%;
  height: auto;
  transform: translate(66%, 0%);
  overflow: hidden;
}
.case-layer .block-talentworking .list .pictextwrapper .pictextbox .textbox {
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  padding: 5% 40% 5% 9%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.case-layer .block-talentworking .list .pictextwrapper.textbox-left {
  justify-content: flex-start;
}
.case-layer .block-talentworking .list .pictextwrapper.textbox-left .pictextbox {
  left: 5%;
}
.case-layer .block-talentworking .list .pictextwrapper.textbox-left .pictextbox .textbox {
  padding: 5% 40% 5% 9%;
}
.case-layer .block-talentworking .list .pictextwrapper.textbox-left .pictextbox .picbox {
  transform: translate(86%, 0);
}
.case-layer .block-talentworking .list .pictextwrapper.textbox-left.picbox-up .pictextbox .picbox {
  transform: translate(86%, -10%);
}
.case-layer .block-talentworking .list .pictextwrapper.textbox-left.picbox-down .pictextbox .picbox {
  transform: translate(86%, 10%);
}
.case-layer .block-talentworking .list .pictextwrapper.textbox-right {
  justify-content: flex-end;
}
.case-layer .block-talentworking .list .pictextwrapper.textbox-right .pictextbox {
  right: 5%;
}
.case-layer .block-talentworking .list .pictextwrapper.textbox-right .pictextbox .textbox {
  padding: 5% 9% 5% 40%;
}
.case-layer .block-talentworking .list .pictextwrapper.textbox-right .pictextbox .picbox {
  transform: translate(-66%, 0);
}
.case-layer .block-talentworking .list .pictextwrapper.textbox-right.picbox-up .pictextbox .picbox {
  transform: translate(-66%, -10%);
}
.case-layer .block-talentworking .list .pictextwrapper.textbox-right.picbox-down .pictextbox .picbox {
  transform: translate(-66%, 10%);
}
.case-layer .block-talentworking .list .pictextwrapper .sub-titlebox {
  align-self: flex-start;
  text-align: left;
}
.case-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-entitle {
  font-family: gilroy_bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #44b041;
  font-size: 0.9375vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-entitle {
    font-size: 3.2vw;
  }
}
.case-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
  color: #090304;
  font-size: 1.875vw;
  position: relative;
  padding-bottom: 0.5em;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    color: #44b041;
  }
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    font-size: 4.8vw;
  }
}
.case-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 50%;
  height: 0.2vw;
  bottom: 0;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
  transition: all 0.5s;
}
.case-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title:hover::after {
  width: 100%;
  height: 0.2vw;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
}
.case-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span {
  color: #44b041;
}
.case-layer .block-talentworking .list .pictextwrapper .sub-contentbox {
  font-size: 1.25vw;
  color: #5b5857;
  margin-top: 10%;
  align-self: flex-start;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentworking .list .pictextwrapper .sub-contentbox {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 1000px) {
  .case-layer .block-talentworking .list .pictextwrapper {
    padding: 0;
    margin: 5% 0;
  }
  .case-layer .block-talentworking .list .pictextwrapper .pictextbox {
    left: unset !important;
    right: unset !important;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }
  .case-layer .block-talentworking .list .pictextwrapper .pictextbox .picbox {
    transform: none !important;
    padding: 0 5% 5%;
    width: 100%;
    background: linear-gradient(#f9f9f9, #fff);
  }
  .case-layer .block-talentworking .list .pictextwrapper .pictextbox .textbox {
    position: static;
    padding: 8% 5% 5% 5% !important;
  }
  .case-layer .block-talentworking .list .pictextwrapper .sub-titlebox {
    align-self: center;
    text-align: center;
  }
  .case-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    position: relative;
    padding-bottom: 0.5em;
    display: inline-block;
  }
  .case-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title::after {
    position: absolute;
    content: "";
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .case-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title:hover::after {
    width: 50%;
    height: 1px;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
  }
  .case-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span {
    position: relative;
    padding-bottom: 2%;
    display: inline-block;
  }
  .case-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    bottom: 0;
    left: 50%;
    background-color: #fff;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .case-layer .block-talentworking .list .pictextwrapper .sub-contentbox {
    margin-top: 5%;
    align-self: center;
  }
}
.case-layer .block-jobnotice {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fafafa;
}
.case-layer .block-jobnotice.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-jobnotice {
    flex-direction: column;
  }
  .case-layer .block-jobnotice.flex-rev {
    flex-direction: column-reverse;
  }
}
.case-layer .block-jobnotice .noticebox {
  flex: 3;
  padding: 5% 12%;
}
.case-layer .block-jobnotice .noticebox .sub-titlebox {
  font-size: 1.875vw;
  font-weight: bold;
  position: relative;
  padding-bottom: 2%;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-jobnotice .noticebox .sub-titlebox {
    font-size: 4.8vw;
  }
}
.case-layer .block-jobnotice .noticebox .sub-titlebox::after {
  position: absolute;
  content: "";
  width: 50%;
  height: 0.15vw;
  bottom: 0;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
  transition: all 0.5s;
}
.case-layer .block-jobnotice .noticebox .sub-titlebox:hover::after {
  width: 100%;
  height: 0.15vw;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
}
.case-layer .block-jobnotice .noticebox .sub-descbox {
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-jobnotice .noticebox .sub-descbox {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-jobnotice .noticebox .sub-descbox span {
  color: #44b041;
}
.case-layer .block-jobnotice .img {
  flex: 2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-jobnotice .noticebox {
    padding: 10% 12% 5% 12%;
  }
  .case-layer .block-jobnotice .noticebox .sub-titlebox {
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 3%;
    display: inline-block;
  }
  .case-layer .block-jobnotice .noticebox .sub-titlebox::after {
    position: absolute;
    content: "";
    width: 2em;
    height: 0.5vw;
    bottom: 0;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .case-layer .block-jobnotice .noticebox .sub-titlebox:hover::after {
    width: 2em;
    height: 0.5vw;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
  }
  .case-layer .block-jobnotice .img {
    display: none;
  }
}
.case-layer .block-jobjob {
  width: 100%;
  height: auto;
  padding: 5% 12%;
  background-color: #f6f6f7;
}
.case-layer .block-jobjob .arealist {
  display: flex;
  flex-direction: row;
}
.case-layer .block-jobjob .arealist.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-jobjob .arealist {
    flex-direction: column;
  }
  .case-layer .block-jobjob .arealist.flex-rev {
    flex-direction: column-reverse;
  }
}
.case-layer .block-jobjob .arealist .area-title {
  font-size: 1.14583333vw;
  color: #44b041;
  padding-right: 5%;
  border-right: 1px solid #d1d1d2;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-jobjob .arealist .area-title {
    font-size: 5.06666667vw;
  }
}
.case-layer .block-jobjob .arealist ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 5%;
}
.case-layer .block-jobjob .arealist ul.flex-rev {
  flex-direction: row-reverse;
}
.case-layer .block-jobjob .arealist li {
  margin-right: 15%;
}
.case-layer .block-jobjob .arealist li.now .areabox .area-name,
.case-layer .block-jobjob .arealist li:hover .areabox .area-name {
  color: #44b041;
}
.case-layer .block-jobjob .arealist li.now .areabox .area-job,
.case-layer .block-jobjob .arealist li:hover .areabox .area-job {
  background-color: #44b041;
  color: #fff;
}
.case-layer .block-jobjob .arealist .areabox {
  display: block;
  position: relative;
}
.case-layer .block-jobjob .arealist .areabox .area-name {
  color: #767676;
  white-space: nowrap;
  padding: 0 0.5em;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-jobjob .arealist .areabox .area-name {
    font-size: 4vw;
  }
}
.case-layer .block-jobjob .arealist .areabox .area-job {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 1000vw;
  padding: 0 0.3645833333333333vw;
  background-color: #767676;
  color: #fff;
  transform: translate(50%, -50%);
  font-size: 0.72916667vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-jobjob .arealist .areabox .area-job {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-jobjob .joblist ul {
  width: 100%;
  padding: 5% 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-jobjob .joblist ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.case-layer .block-jobjob .joblist .jobbox {
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  padding: 5%;
  transition: all 0.5s;
}
.case-layer .block-jobjob .joblist .jobbox:hover {
  box-shadow: 0 0 10px 4px rgba(69, 185, 60, 0.3), inset 0 -3px 0 0 #44b041;
  transform: translateY(-10%);
}
.case-layer .block-jobjob .joblist .jobbox .job-titlebox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 3%;
  border-bottom: 1px solid #efefef;
}
.case-layer .block-jobjob .joblist .jobbox .job-titlebox.flex-rev {
  flex-direction: row-reverse;
}
.case-layer .block-jobjob .joblist .jobbox .job-title {
  font-size: 1.5625vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-jobjob .joblist .jobbox .job-title {
    font-size: 4vw;
  }
}
.case-layer .block-jobjob .joblist .jobbox .job-area {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.83333333vw;
}
.case-layer .block-jobjob .joblist .jobbox .job-area.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-jobjob .joblist .jobbox .job-area {
    font-size: 3.2vw;
  }
}
.case-layer .block-jobjob .joblist .jobbox .job-area .marker {
  display: block;
  width: 1em;
  height: 1em;
  max-width: 15px;
  max-height: 17px;
  background: url(/images/mc-mark.png) no-repeat center;
  background-size: contain;
}
.case-layer .block-jobjob .joblist .jobbox .job-area .text {
  font-size: 0.83333333vw;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-jobjob .joblist .jobbox .job-area .text {
    font-size: 3.2vw;
  }
}
.case-layer .block-jobjob .joblist .jobbox .job-request {
  margin-top: 3%;
  font-size: 0.83333333vw;
  color: #5b5857;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-jobjob .joblist .jobbox .job-request {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-jobjob .joblist .jobbox .job-request.flex-rev {
  flex-direction: row-reverse;
}
.case-layer .block-jobjob .joblist .jobbox .job-request span {
  height: auto;
  width: 1px;
  background-color: #efefef;
  margin: 0 5%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-jobjob {
    padding: 5% 5%;
    background-color: #fff;
  }
  .case-layer .block-jobjob .arealist .area-title {
    padding-right: 0%;
    text-align: center;
    border-right: 0;
    display: none;
  }
  .case-layer .block-jobjob .arealist ul {
    flex-wrap: wrap;
    margin: 5% 0% 0%;
  }
  .case-layer .block-jobjob .arealist li {
    margin: 2.5%;
  }
  .case-layer .block-jobjob .arealist li.now .areabox,
  .case-layer .block-jobjob .arealist li:hover .areabox {
    box-sizing: border-box;
    background-color: #daf1d8;
  }
  .case-layer .block-jobjob .arealist li.now .areabox .area-name,
  .case-layer .block-jobjob .arealist li:hover .areabox .area-name {
    color: #44b041;
  }
  .case-layer .block-jobjob .arealist li.now .areabox .area-job,
  .case-layer .block-jobjob .arealist li:hover .areabox .area-job {
    background-color: #44b041;
  }
  .case-layer .block-jobjob .arealist .areabox {
    background-color: #f5f5f5;
    border-radius: 0.05rem;
  }
  .case-layer .block-jobjob .arealist .areabox .area-name {
    padding: 0.5em 0.75em;
    color: #7c7e80;
  }
  .case-layer .block-jobjob .arealist .areabox .area-job {
    background-color: #7c7e80;
    color: #fff;
    box-sizing: border-box;
    line-height: 1.5;
    padding: 0 1.666666666666667vw;
  }
}
.case-layer .banner-contact .map-container {
  width: 100vw;
  height: 56.25vw;
  position: relative;
}
.case-layer .banner-contact .map-container .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 9%;
  background: linear-gradient(to bottom, #fff 0%, #fff 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.case-layer .banner-contact .map-container .map-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-contact .bg {
    height: 50px;
  }
}
.case-layer .block-contactfindus {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.case-layer .block-contactfindus .main-titlebox {
  text-align: center;
}
.case-layer .block-contactfindus .main-titlebox .main-entitle {
  font-family: gilroy_bold;
  letter-spacing: 0.2em;
  font-size: 1.5625vw;
  text-transform: uppercase;
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactfindus .main-titlebox .main-entitle {
    font-size: 4vw;
  }
}
.case-layer .block-contactfindus .main-titlebox .main-title {
  color: #090304;
  font-size: 2.5vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactfindus .main-titlebox .main-title {
    font-size: 6.4vw;
  }
}
.case-layer .block-contactfindus .main-titlebox .main-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactfindus .main-titlebox .main-description {
    font-size: 4vw;
  }
}
.case-layer .block-contactfindus .list {
  padding: 5% 12%;
}
.case-layer .block-contactfindus .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactfindus .list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.case-layer .block-contactfindus .list li {
  padding: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.case-layer .block-contactfindus .list li.flex-rev {
  flex-direction: column-reverse;
}
.case-layer .block-contactfindus .list li:hover .icon {
  filter: invert(49%) sepia(26%) saturate(4662%) hue-rotate(85deg) brightness(118%) contrast(52%);
}
.case-layer .block-contactfindus .list li:hover .tit,
.case-layer .block-contactfindus .list li:hover .txt {
  color: #44b041;
}
.case-layer .block-contactfindus .list .icon {
  width: 15%;
}
.case-layer .block-contactfindus .list .tit {
  margin: 3% 0;
  color: #090304;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactfindus .list .tit {
    font-size: 4.66666667vw;
  }
}
.case-layer .block-contactfindus .list .txt {
  text-align: center;
  color: #5b5857;
  font-size: 0.9375vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactfindus .list .txt {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-contactfindus .list .qrcode {
  width: 38%;
  border: 1px solid #eee;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactfindus .list {
    padding: 5%;
  }
  .case-layer .block-contactfindus .list .icon {
    width: 30%;
  }
  .case-layer .block-contactfindus .list .qrcode {
    width: 45%;
  }
}
.case-layer .block-contactsubsidiary {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-color: #f7f7f7;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.case-layer .block-contactsubsidiary .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .block-contactsubsidiary .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactsubsidiary .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.case-layer .block-contactsubsidiary .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactsubsidiary .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.case-layer .block-contactsubsidiary .list {
  padding: 5% 5% 0;
}
.case-layer .block-contactsubsidiary .list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactsubsidiary .list ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.case-layer .block-contactsubsidiary .list li {
  margin: 5%;
}
.case-layer .block-contactsubsidiary .list li:nth-of-type(3n) .subsidiarybox {
  border-right: none;
}
.case-layer .block-contactsubsidiary .list .subsidiarybox {
  padding: 0 8.75%;
  margin: 5% 0;
  border-right: 1px solid #eaeaea;
  cursor: pointer;
}
.case-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 3%;
}
.case-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
    flex-direction: row;
  }
  .case-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox.flex-rev {
    flex-direction: row-reverse;
  }
}
.case-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title {
  transition: all 0.5s;
  font-size: 1.25vw;
  font-weight: bold;
  color: #090304;
  position: relative;
  padding-bottom: 0.75em;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title {
    font-size: 4vw;
  }
}
.case-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0%;
  background-color: #d2d2d2;
  transform: translateX(0%);
  transition: all 0.5s;
}
.case-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
  font-size: 1.25vw;
  color: #5b5857;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 1001px) {
  .case-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
    display: none;
  }
}
.case-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area i {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
.case-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox {
  transition: all 0.5s;
  font-size: 0.83333333vw;
  line-height: 1.5;
  color: #484848;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox {
    font-size: 3.73333333vw;
  }
}
.case-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox p {
  margin: 2% 0;
  line-height: 1.5;
}
.case-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox i {
  display: inline-block;
  width: 0.8333333333333334vw;
  height: 0.8333333333333334vw;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox i {
    display: none;
  }
}
.case-layer .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-title {
  color: #45b93c;
  position: relative;
  padding-bottom: 0.75em;
  display: inline-block;
}
.case-layer .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0%;
  background-color: #45b93c;
  transform: translateX(0%);
  transition: all 0.5s;
}
.case-layer .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-area {
  color: #45b93c;
}
.case-layer .block-contactsubsidiary .list .subsidiarybox:hover .sub-descbox {
  color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactsubsidiary .list li {
    background: #fff;
    margin: 2.5% 0;
    border-right: 0;
  }
  .case-layer .block-contactsubsidiary .list .subsidiarybox {
    padding: 0 5%;
    border-right: 0;
  }
  .case-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
    padding: 0;
    border-bottom: 1px solid #eee;
  }
  .case-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title::after {
    display: none;
  }
}
.case-layer .block-contactservice {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 15% 3.33vw;
  overflow: hidden;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.case-layer .block-contactservice .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.case-layer .block-contactservice .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactservice .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.case-layer .block-contactservice .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactservice .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.case-layer .block-contactservice .list {
  padding: 5% 8%;
}
.case-layer .block-contactservice .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.case-layer .block-contactservice .list li {
  width: 100%;
}
.case-layer .block-contactservice .list li:not(:last-child) {
  border-right: 1px solid #e6e6e6;
}
.case-layer .block-contactservice .list .iconbox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.case-layer .block-contactservice .list .iconbox.flex-rev {
  flex-direction: column-reverse;
}
.case-layer .block-contactservice .list .iconbox .icon {
  width: 15%;
}
.case-layer .block-contactservice .list .iconbox .title {
  margin: 3% 0;
  color: #090304;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactservice .list .iconbox .title {
    font-size: 3.46666667vw;
  }
}
.case-layer .block-contactservice .messageform {
  display: flex;
  flex-direction: column;
}
.case-layer .block-contactservice .messageform.flex-rev {
  flex-direction: column-reverse;
}
.case-layer .block-contactservice .messageform ul {
  display: flex;
  flex-direction: row;
  padding: 0 5%;
  justify-content: space-between;
}
.case-layer .block-contactservice .messageform ul.flex-rev {
  flex-direction: row-reverse;
}
.case-layer .block-contactservice .messageform li {
  width: 100%;
  padding: 1.5% 2%;
}
.case-layer .block-contactservice .messageform li input {
  border: 1px solid #d6d6d6;
  width: 100%;
  font-size: 1.14583333vw;
  padding: 3% 5%;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactservice .messageform li input {
    font-size: 2.93333333vw;
  }
}
.case-layer .block-contactservice .messageform li input::placeholder {
  color: #090304;
}
.case-layer .block-contactservice .messageform li select {
  width: 100%;
  padding: 3% 5%;
  border: 1px solid #d6d6d6;
  font-size: 1.14583333vw;
  background: url("/images/icon-select-down.png") no-repeat 95% center #fff;
  background-size: 3%;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactservice .messageform li select {
    font-size: 2.93333333vw;
  }
}
.case-layer .block-contactservice .messageform li textarea {
  width: 100%;
  font-size: 1.14583333vw;
  padding: 1% 2.5%;
  height: 16vw;
  border: 1px solid #d6d6d6;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactservice .messageform li textarea {
    font-size: 2.93333333vw;
  }
}
.case-layer .block-contactservice .messageform li button {
  appearance: none;
  border: 0;
  width: 100%;
  font-size: 1.45833333vw;
  line-height: 2.5;
  background-color: #44b041;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactservice .messageform li button {
    font-size: 4.8vw;
  }
}
.case-layer .block-contactservice .messageform input:hover,
.case-layer .block-contactservice .messageform select:hover,
.case-layer .block-contactservice .messageform textarea:hover {
  border: 1px solid #44b041;
}
.case-layer .block-contactservice .messageform button:hover {
  background-color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .case-layer .block-contactservice {
    padding: 5% 0;
  }
  .case-layer .block-contactservice .list {
    padding: 5%;
  }
  .case-layer .block-contactservice .list li:not(:last-child) {
    border-right: 0;
  }
  .case-layer .block-contactservice .list .iconbox .icon {
    width: 40%;
  }
}
.case-layer .banner-searchbox {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0% 26%;
  align-self: flex-start;
}
.case-layer .banner-searchbox .searchbox {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #c3c3c3;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
.case-layer .banner-searchbox .searchbox .search-icon {
  width: 5%;
  max-width: 25px;
  margin: 0 2%;
  transition: all 0.5s;
}
.case-layer .banner-searchbox .searchbox .search-icon img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.case-layer .banner-searchbox .searchbox input#searchq {
  width: 100%;
  font-size: 1.45833333vw;
  color: #484848;
  background: transparent;
  padding: 2% 10% 2% 0;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-searchbox .searchbox input#searchq {
    font-size: 5.33333333vw;
  }
}
.case-layer .banner-searchbox .searchbox input#searchq::-weblit-input-placeholder {
  color: #8b8a8a;
}
.case-layer .banner-searchbox .searchbox input.buttonsearch {
  display: block;
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0 2% 0 0;
  background-color: transparent;
  font-size: 1.45833333vw;
  white-space: nowrap;
  transition: all 0.5s;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-searchbox .searchbox input.buttonsearch {
    font-size: 5.33333333vw;
  }
}
.case-layer .banner-searchbox .searchbox:hover {
  border-bottom: 1px solid #44b041;
}
.case-layer .banner-searchbox .searchbox:hover .search-icon {
  filter: invert(49%) sepia(73%) saturate(466%) hue-rotate(70deg) brightness(102%) contrast(82%);
}
.case-layer .banner-searchbox .searchbox:hover .buttonsearch {
  color: #44b041;
}
.case-layer .banner-searchbox .result {
  font-size: 1.14583333vw;
  color: #868686;
  padding-top: 1%;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-searchbox .result {
    font-size: 4.26666667vw;
  }
}
.case-layer .banner-searchbox .result span {
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .case-layer .banner-searchbox {
    padding: 0% 9%;
  }
  .case-layer .banner-searchbox .searchbox .search-icon {
    width: 10%;
  }
}
.case-layer .layerbox {
  position: relative;
}
.case-layer .piclist {
  width: 40%;
  margin: 5%;
  overflow: hidden;
}
.case-layer .piclist .pic {
  width: 100%;
}
.case-layer .piclist .button-prev,
.case-layer .piclist .button-next {
  width: 7.5%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.case-layer .piclist .button-prev {
  left: 5%;
}
.case-layer .piclist .button-next {
  right: 5%;
}
.case-layer .piclist .swiper-pagination {
  text-align: right;
  left: unset;
  right: 10px;
  color: #fff;
}
.case-layer .contlist {
  position: absolute;
  top: 2%;
  left: 50%;
  width: 47%;
  height: 100%;
  color: #090304;
  overflow-y: auto;
}
.case-layer .contlist::-webkit-scrollbar {
  width: 2px;
}
.case-layer .contlist::-webkit-scrollbar-thumb {
  background-color: #45b93c;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
.case-layer .contlist::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgb(0 0 0%);
  background: #cecdce;
}
.case-layer .contlist .content {
  margin-right: 3%;
}
.case-layer .contlist .content.company .title {
  border-bottom: 3px solid #44b041;
}
.case-layer .contlist .content.case .text {
  font-size: 1.5vw;
}
.case-layer .contlist .title {
  font-size: 2.5vw;
  font-weight: bold;
  padding-bottom: 3%;
  display: inline-block;
}
.case-layer .contlist .text {
  margin-top: 3%;
  font-size: 1vw;
  line-height: 1.5;
}
.case-layer .contlist .list {
  padding: 5% 0;
  text-align: center;
}
.case-layer .contlist .list .tit {
  font-size: 4vw;
  font-family: gilroy_bold;
}
.case-layer .contlist .list .desc {
  font-size: 13px;
}
.case-layer .contlist ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  column-gap: 0.5vw;
}
.case-layer .contlist li {
  border-right: 1px solid #ececec;
}
.case-layer .contlist li:last-child {
  border-right: none;
}
.case-layer .cont-button {
  position: static;
  bottom: 0%;
  width: 100%;
  left: 0%;
  height: auto;
  display: flex;
  z-index: 1;
  background-color: #fff;
  justify-content: space-between;
  border-top: 1px solid #eaeaea;
}
.case-layer .cont-button .button-prev,
.case-layer .cont-button .button-next {
  bottom: 0;
  z-index: 1;
  font-size: 1.5vw;
  line-height: 3;
  cursor: pointer;
  user-select: none;
  transition: all 0.5s;
}
.case-layer .cont-button .button-prev:hover,
.case-layer .cont-button .button-next:hover {
  transform: scale(1.1);
}
.case-layer .cont-button .button-prev {
  color: #44b041;
}
.case-layer .cont-button .button-next {
  color: #44b041;
}
.case-layer .close {
  position: absolute;
  width: 2.5%;
  right: 2%;
  top: 5%;
  transition: all 0.5s;
  cursor: pointer;
}
.case-layer .close:hover {
  transform: rotate(90deg);
}
@media screen and (max-width: 700px) {
  .case-layer .layerbox {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .case-layer .piclist {
    width: 90%;
  }
  .case-layer .contlist {
    position: relative;
    width: 90%;
    padding-bottom: 12%;
    margin: 0 5% 5% 5%;
    left: unset;
  }
  .case-layer .contlist .content.case .text {
    font-size: 4vw;
  }
  .case-layer .contlist .title {
    font-size: 5.25vw;
  }
  .case-layer .contlist .text {
    font-size: 2.5vw;
  }
  .case-layer .cont-button {
    position: fixed;
    width: 100%;
    padding: 2.5% 0 2.5% 0;
    left: 0;
  }
  .case-layer .cont-button .button-prev,
  .case-layer .cont-button .button-next {
    padding: 0 5%;
    font-size: 2.5vw;
  }
  .case-layer .close {
    display: none;
  }
}
.job-layer {
  width: 100%;
  height: auto;
  border-bottom: 5px solid #45b93c;
}
@media screen and (max-width: 1000px) {
  .job-layer {
    border-bottom: 3px solid #45b93c;
  }
}
.job-layer .block-aboutgroup {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
}
.job-layer .block-aboutgroup .bgcircle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
}
.job-layer .block-aboutgroup .bgcircle .b1,
.job-layer .block-aboutgroup .bgcircle .b2,
.job-layer .block-aboutgroup .bgcircle .b3,
.job-layer .block-aboutgroup .bgcircle .b4,
.job-layer .block-aboutgroup .bgcircle .b5,
.job-layer .block-aboutgroup .bgcircle .b6,
.job-layer .block-aboutgroup .bgcircle .b7,
.job-layer .block-aboutgroup .bgcircle .b8,
.job-layer .block-aboutgroup .bgcircle .b9,
.job-layer .block-aboutgroup .bgcircle .b10,
.job-layer .block-aboutgroup .bgcircle .b11,
.job-layer .block-aboutgroup .bgcircle .b12 {
  border: 1px solid #efefee;
  border-radius: 50%;
  position: absolute;
}
.job-layer .block-aboutgroup .bgcircle .b1 {
  width: 12vw;
  height: 12vw;
  left: -6vw;
  top: -6vw;
  display: none;
}
.job-layer .block-aboutgroup .bgcircle .b2 {
  width: 24vw;
  height: 24vw;
  left: -12vw;
  top: -12vw;
  border-style: dashed;
}
.job-layer .block-aboutgroup .bgcircle .b3 {
  width: 36vw;
  height: 36vw;
  left: -18vw;
  top: -18vw;
}
.job-layer .block-aboutgroup .bgcircle .b4 {
  width: 48vw;
  height: 48vw;
  animation: clockwise-rotation 10s infinite linear;
  border-style: dashed;
  left: -24vw;
  top: -24vw;
}
.job-layer .block-aboutgroup .bgcircle .b5 {
  width: 60vw;
  height: 60vw;
  animation: clockwise-rotation 15s infinite linear;
  left: -30vw;
  top: -30vw;
}
.job-layer .block-aboutgroup .bgcircle .b6 {
  width: 72vw;
  height: 72vw;
  animation: counterclockwise-rotation 18s infinite linear;
  left: -36vw;
  top: -36vw;
}
.job-layer .block-aboutgroup .bgcircle .b7 {
  width: 84vw;
  height: 84vw;
  animation: counterclockwise-rotation 20s infinite linear;
  border-style: dashed;
  left: -42vw;
  top: -42vw;
}
.job-layer .block-aboutgroup .bgcircle .b8 {
  width: 96vw;
  height: 96vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -48vw;
  top: -48vw;
}
.job-layer .block-aboutgroup .bgcircle .b9 {
  width: 108vw;
  height: 108vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -54vw;
  top: -54vw;
}
.job-layer .block-aboutgroup .bgcircle .b10 {
  width: 120vw;
  height: 120vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -60vw;
  top: -60vw;
}
.job-layer .block-aboutgroup .bgcircle .b11 {
  width: 132vw;
  height: 132vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -66vw;
  top: -66vw;
}
.job-layer .block-aboutgroup .bgcircle .b12 {
  width: 144vw;
  height: 144vw;
  animation: counterclockwise-rotation 20s infinite linear;
  left: -72vw;
  top: -72vw;
}
.job-layer .block-aboutgroup .bgcircle .b4 .dot {
  position: absolute;
  width: 32px;
  height: 32px;
  top: -16px;
  left: 50%;
  border-radius: 50%;
  background: #efefee;
}
.job-layer .block-aboutgroup .bgcircle .b5 .dot {
  position: absolute;
  width: 19px;
  height: 19px;
  top: -9.5px;
  border-radius: 50%;
  background: #44b041;
  left: 50%;
}
.job-layer .block-aboutgroup .bgcircle .b6 .dot {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #efefee;
  top: -15px;
  left: 50%;
}
.job-layer .block-aboutgroup .bgcircle .b8 .dot {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #44b041;
  top: -12.5px;
  left: 50%;
}
.job-layer .block-aboutgroup .bgcircle .b11 .dot {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #efefee;
  top: -20px;
  left: 50%;
}
.job-layer .block-aboutgroup .tit2 {
  margin-top: 3.75%;
  font-size: 2.5vw;
  font-weight: bold;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutgroup .tit2 {
    font-size: 6.4vw;
  }
}
.job-layer .block-aboutgroup .cont {
  color: rgba(9, 3, 4, 0.8);
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutgroup .cont {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-aboutgroup .recycle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8vw 0 14vw 0;
  width: 100%;
}
.job-layer .block-aboutgroup .recycle span {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutgroup .recycle span {
    font-size: 6.4vw;
  }
}
.job-layer .block-aboutgroup .recycle .icon {
  width: 7%;
  margin: 0 1%;
  position: relative;
}
@keyframes picswitch {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes picswitch1 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.job-layer .block-aboutgroup .recycle .icon .icon-bg {
  animation: picswitch 4s 0s ease infinite;
  background: url("/images/about-recycle.png") no-repeat center center / cover;
}
.job-layer .block-aboutgroup .recycle .icon .icon-bg1 {
  animation: picswitch1 4s 0s ease infinite;
  background: url("/images/about-recycle1.png") no-repeat center center / cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.job-layer .block-aboutgroup .recycle .icon .icon-line1 {
  position: absolute;
  animation: maplinemask 2s infinite linear;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.job-layer .block-aboutgroup .recycle .icon .icon-line2 {
  position: absolute;
  animation: maplinemaskrev 2s infinite linear;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutgroup {
    padding: 7% 0 0;
  }
  .job-layer .block-aboutgroup .bgcircle .dot {
    transform: scale(0.5);
  }
  .job-layer .block-aboutgroup .cont {
    padding: 0 5%;
  }
  .job-layer .block-aboutgroup .recycle {
    margin: 8vw 0 28vw 0;
  }
  .job-layer .block-aboutgroup .recycle .icon {
    width: 20%;
  }
}
.job-layer .block-abouthistory {
  width: 100%;
  height: auto;
  background-color: #fbfbfb;
  position: relative;
  padding: 5vw 0 7vw;
}
.job-layer .block-abouthistory .timeline {
  margin: 5vw 0 0 8.5vw;
}
.job-layer .block-abouthistory .timeline .swiper-slide .year {
  font-family: gilroy_bold;
  font-size: 2.1875vw;
  font-weight: bold;
  color: #44b041;
  margin-left: 6%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-abouthistory .timeline .swiper-slide .year {
    font-size: 8vw;
  }
}
.job-layer .block-abouthistory .timeline .swiper-slide .line {
  height: 4vw;
  display: flex;
  align-items: center;
  background: url('/images/about-timeline-line.png') space no-repeat center center, url('/images/about-timeline-circle.png') no-repeat 5% center;
  background-size: 5%, 6%;
}
.job-layer .block-abouthistory .timeline .swiper-slide .line .circle {
  margin-left: 5%;
  border-radius: 50%;
  display: none;
  width: 1.5vw;
  height: 1.5vw;
  transition: all 0.5s;
  position: relative;
  align-items: center;
  justify-content: center;
}
.job-layer .block-abouthistory .timeline .swiper-slide .line .circle::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(68, 176, 65, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.job-layer .block-abouthistory .timeline .swiper-slide .line .circle::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(68, 176, 65, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.job-layer .block-abouthistory .timeline .swiper-slide ul {
  padding: 0 10% 0 7%;
}
.job-layer .block-abouthistory .timeline .swiper-slide li {
  margin: 10% 0;
}
.job-layer .block-abouthistory .timeline .swiper-slide li:first-child {
  margin-top: 0;
}
.job-layer .block-abouthistory .timeline .swiper-slide .date {
  font-size: 1.14583333vw;
  color: #44b041;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-abouthistory .timeline .swiper-slide .date {
    font-size: 4vw;
  }
}
.job-layer .block-abouthistory .timeline .swiper-slide .text {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: rgba(9, 3, 4, 0.8);
}
@media screen and (max-width: 1000px) {
  .job-layer .block-abouthistory .timeline .swiper-slide .text {
    font-size: 3.46666667vw;
  }
}
.job-layer .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line {
  background-size: 5%, 0%;
}
.job-layer .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line .circle {
  display: flex;
}
.job-layer .block-abouthistory .timeline .swiper-slide:nth-child(1) .line {
  margin-left: 5%;
}
.job-layer .block-abouthistory .timeline .swiper-slide:nth-child(1) .line .circle {
  margin-left: 0;
}
.job-layer .block-abouthistory .timeline .swiper-button {
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  width: 4vw;
  height: 4vw;
  right: 6%;
  top: 2.75vw;
  z-index: 1;
  box-shadow: 0 0 20px 5px rgba(68, 176, 65, 0.5);
}
.job-layer .block-abouthistory .timeline .swiper-button .swiper-button-prev {
  background-image: url('/images/about-timeline-prev.png');
  background-size: 1vw;
  width: 2vw;
  left: unset;
  right: unset;
}
.job-layer .block-abouthistory .timeline .swiper-button .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  background-image: url('/images/about-timeline-prev-disable.png');
}
.job-layer .block-abouthistory .timeline .swiper-button .swiper-button-next {
  background-image: url('/images/about-timeline-next.png');
  background-size: 1vw;
  width: 2vw;
  left: 2vw;
  right: unset;
}
.job-layer .block-abouthistory .timeline .swiper-button .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  background-image: url('/images/about-timeline-next-disable.png');
}
@media screen and (max-width: 1000px) {
  .job-layer .block-abouthistory .timeline {
    margin: 5% 0;
  }
  .job-layer .block-abouthistory .timeline .swiper-slide ul {
    padding: 5% 15% 0% 15%;
  }
  .job-layer .block-abouthistory .timeline .swiper-slide li {
    margin: 10% 0%;
  }
  .job-layer .block-abouthistory .timeline .swiper-slide .line {
    height: 12vw;
    background-size: 2%, 0%;
    justify-content: center;
  }
  .job-layer .block-abouthistory .timeline .swiper-slide .line .circle {
    width: 6vw;
    height: 6vw;
    margin-left: 0%;
  }
  .job-layer .block-abouthistory .timeline .swiper-slide .year {
    text-align: center;
    margin-left: 0%;
  }
  .job-layer .block-abouthistory .timeline .swiper-slide.swiper-slide-active .line {
    background-size: 2%, 0%;
  }
  .job-layer .block-abouthistory .timeline .swiper-slide:nth-child(1) .line {
    margin-left: 0%;
  }
  .job-layer .block-abouthistory .timeline .swiper-button {
    width: 100%;
    height: 12vw;
    border-radius: unset;
    box-shadow: none;
    background-color: unset;
    top: 9.75vw;
    right: unset;
  }
  .job-layer .block-abouthistory .timeline .swiper-button .swiper-button-prev {
    width: 12vw;
    left: 5%;
    background-size: 40%;
  }
  .job-layer .block-abouthistory .timeline .swiper-button .swiper-button-next {
    left: unset;
    width: 12vw;
    right: 5%;
    background-size: 40%;
  }
}
.job-layer .block-aboutcert {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #e9e9e9;
}
.job-layer .block-aboutcert .bg {
  width: 100%;
  z-index: -1;
  display: block;
}
.job-layer .block-aboutcert .m-bg {
  width: 100%;
  z-index: -1;
  display: none;
}
.job-layer .block-aboutcert .titlebox {
  position: absolute;
  top: 50%;
  left: 12%;
  width: 32%;
  transform: translateY(-50%);
  text-align: center;
}
.job-layer .block-aboutcert .titlebox .title {
  font-size: 2.5vw;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutcert .titlebox .title {
    font-size: 6.4vw;
  }
}
.job-layer .block-aboutcert .titlebox .title span {
  color: #45b93c;
}
.job-layer .block-aboutcert .titlebox .desc {
  margin-top: 4%;
  font-size: 0.9375vw;
  line-height: 2;
  color: rgba(9, 3, 4, 0.8);
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutcert .titlebox .desc {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-aboutcert .cert-showcase {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}
.job-layer .block-aboutcert .cert {
  cursor: pointer;
}
.job-layer .block-aboutcert .cert:hover .desc {
  display: block;
  opacity: 1;
  z-index: 1;
}
.job-layer .block-aboutcert .cert .dot {
  position: absolute;
  width: 0.8vw;
  height: 0.8vw;
  border-radius: 50%;
  background-color: #45b93c;
  transform: translate(-50%, -50%);
}
.job-layer .block-aboutcert .cert .dot::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(69, 185, 60, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.job-layer .block-aboutcert .cert .dot::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(69, 185, 60, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.job-layer .block-aboutcert .cert .desc {
  position: absolute;
  top: 0;
  left: -1.4vw;
  transform: translate(-100%, -50%);
  white-space: nowrap;
  line-height: 3;
  color: #fff;
  background: #44b041;
  font-size: 0.83333333vw;
  padding: 0 1.5em;
  border-radius: 1000rem;
  display: none;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutcert .cert .desc {
    font-size: 3.2vw;
  }
}
.job-layer .block-aboutcert .cert .desc::before {
  content: '';
  position: absolute;
  height: 0.1vw;
  width: 1vw;
  background: #44b041;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
}
.job-layer .block-aboutcert .cert.cert-v1 {
  position: absolute;
  width: 12.5%;
  top: 29%;
  left: 63%;
}
.job-layer .block-aboutcert .cert.cert-v2 {
  position: absolute;
  width: 12.5%;
  top: 29%;
  left: 80%;
}
.job-layer .block-aboutcert .cert.cert-h1 {
  position: absolute;
  width: 19%;
  top: 60%;
  left: 18%;
}
.job-layer .block-aboutcert .cert.cert-h2 {
  position: absolute;
  width: 19%;
  top: 60%;
  left: 40%;
}
.job-layer .block-aboutcert .cert.cert-h3 {
  position: absolute;
  width: 19%;
  top: 23%;
  left: 11%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutcert .bg {
    display: none;
  }
  .job-layer .block-aboutcert .m-bg {
    display: block;
  }
  .job-layer .block-aboutcert .cert-showcase {
    width: 100%;
    height: 74vw;
  }
  .job-layer .block-aboutcert .titlebox {
    margin-top: 5%;
    position: unset;
    transform: none;
    width: 100%;
    left: unset;
    top: unset;
    padding: 0 5% 5%;
  }
  .job-layer .block-aboutcert .cert.cert-v1 {
    position: absolute;
    width: 15.75%;
    top: 30%;
    left: 60%;
  }
  .job-layer .block-aboutcert .cert.cert-v1 .dot,
  .job-layer .block-aboutcert .cert.cert-v1 .desc {
    display: none;
  }
  .job-layer .block-aboutcert .cert.cert-v2 {
    position: absolute;
    width: 15.75%;
    top: 30%;
    left: 80%;
  }
  .job-layer .block-aboutcert .cert.cert-v2 .dot,
  .job-layer .block-aboutcert .cert.cert-v2 .desc {
    display: none;
  }
  .job-layer .block-aboutcert .cert.cert-h1 {
    position: absolute;
    width: 21%;
    top: 62%;
    left: 16%;
  }
  .job-layer .block-aboutcert .cert.cert-h1 .dot,
  .job-layer .block-aboutcert .cert.cert-h1 .desc {
    display: none;
  }
  .job-layer .block-aboutcert .cert.cert-h2 {
    position: absolute;
    width: 21%;
    top: 62%;
    left: 42%;
  }
  .job-layer .block-aboutcert .cert.cert-h2 .dot,
  .job-layer .block-aboutcert .cert.cert-h2 .desc {
    display: none;
  }
  .job-layer .block-aboutcert .cert.cert-h3 {
    position: absolute;
    width: 21%;
    top: 26%;
    left: 11%;
  }
  .job-layer .block-aboutcert .cert.cert-h3 .dot,
  .job-layer .block-aboutcert .cert.cert-h3 .desc {
    display: none;
  }
}
.job-layer .block-aboutcertlist {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 7.8% 5%;
}
.job-layer .block-aboutcertlist .swiper-container {
  padding: 5% 0 5%;
}
.job-layer .block-aboutcertlist .certbox {
  width: 100%;
  height: auto;
  position: relative;
}
.job-layer .block-aboutcertlist .certbox .cert-bg {
  width: 100%;
  height: auto;
}
.job-layer .block-aboutcertlist .certbox .cert-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.job-layer .block-aboutcertlist .certbox .cert {
  transition: all 0.5s;
  width: 50%;
  height: 80%;
}
.job-layer .block-aboutcertlist .certbox .cert img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.job-layer .block-aboutcertlist .certbox:hover .cert {
  transform: translateY(-2.5%) scale(1.05);
}
.job-layer .block-aboutcertlist .cert-name {
  text-align: center;
  font-size: 0.9375vw;
  margin-top: 5%;
  color: #191415;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutcertlist .cert-name {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-aboutcertlist .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.job-layer .block-aboutcertlist .cert-button {
  display: none;
}
.job-layer .block-aboutcertlist .swiper-pagination-bullet {
  width: 0.42vw;
  height: 0.42vw;
  margin: 0 0.42vw;
}
.job-layer .block-aboutcertlist .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.84vw;
  height: 0.84vw;
  background: #44b041;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutcertlist .swiper-container {
    padding: 5% 0 15%;
  }
  .job-layer .block-aboutcertlist .swiper-pagination {
    display: none;
  }
  .job-layer .block-aboutcertlist .cert-button {
    display: block;
  }
  .job-layer .block-aboutcertlist .swiper-pagination-bullet {
    width: 1.86vw;
    height: 1.86vw;
    margin: 0 1.86vw;
  }
  .job-layer .block-aboutcertlist .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 3.73vw;
    height: 3.73vw;
  }
  .job-layer .block-aboutcertlist .cert-button-next,
  .job-layer .block-aboutcertlist .cert-button-prev {
    position: absolute;
    top: 35%;
    z-index: 10;
    width: 8%;
    max-width: 30px;
  }
  .job-layer .block-aboutcertlist .cert-button-next {
    right: 5%;
  }
  .job-layer .block-aboutcertlist .cert-button-prev {
    left: 5%;
  }
}
.job-layer .block-aboutculture {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-image: url("/images/about-culture-bg.jpg");
  position: relative;
  padding: 7.5% 7.8%;
}
.job-layer .block-aboutculture .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .block-aboutculture .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutculture .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.job-layer .block-aboutculture .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutculture .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.job-layer .block-aboutculture .tit2 {
  margin-top: 5%;
  width: 100%;
  text-align: center;
  font-size: 3.02083333vw;
  font-weight: bold;
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutculture .tit2 {
    font-size: 7.73333333vw;
  }
}
.job-layer .block-aboutculture .culturelist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 5%;
  column-gap: 5.4vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutculture .culturelist {
    grid-template-columns: repeat(1, 1fr);
  }
}
.job-layer .block-aboutculture .culturelist .culturebox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 7% 0;
  transition: all 0.5s;
}
.job-layer .block-aboutculture .culturelist .culturebox.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutculture .culturelist .culturebox {
    flex-direction: row;
  }
  .job-layer .block-aboutculture .culturelist .culturebox.flex-rev {
    flex-direction: row-reverse;
  }
}
.job-layer .block-aboutculture .culturelist .culturebox .icon {
  width: 12.5%;
}
.job-layer .block-aboutculture .culturelist .culturebox .content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.job-layer .block-aboutculture .culturelist .culturebox .content.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutculture .culturelist .culturebox .content {
    flex-direction: row;
  }
  .job-layer .block-aboutculture .culturelist .culturebox .content.flex-rev {
    flex-direction: row-reverse;
  }
}
.job-layer .block-aboutculture .culturelist .culturebox .content .title {
  font-size: 1.5625vw;
  font-weight: bold;
  color: #44b041;
  padding: 0.5vw 0 1.5vw;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutculture .culturelist .culturebox .content .title {
    font-size: 4.8vw;
  }
}
.job-layer .block-aboutculture .culturelist .culturebox .content .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 3px;
  background-color: #44b041;
  transform: translate(50%, -1.5px);
}
.job-layer .block-aboutculture .culturelist .culturebox .content .txt {
  font-size: 0.9375vw;
  padding: 5% 11% 3%;
  color: #090304;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutculture .culturelist .culturebox .content .txt {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-aboutculture .culturelist .culturebox:hover {
  transform: translateY(-5%);
}
.job-layer .block-aboutculture .culturelist > *:nth-child(2) .culturebox .content .txt {
  padding: 5% 18% 3%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-aboutculture .culturelist {
    row-gap: 5vw;
  }
  .job-layer .block-aboutculture .culturelist > *:nth-child(2) .culturebox .content .txt {
    padding: 0 0 0 5%;
  }
  .job-layer .block-aboutculture .culturelist .culturebox {
    padding: 5%;
  }
  .job-layer .block-aboutculture .culturelist .culturebox .icon {
    width: 12%;
  }
  .job-layer .block-aboutculture .culturelist .culturebox .content {
    width: 85%;
  }
  .job-layer .block-aboutculture .culturelist .culturebox .content .title {
    width: 30%;
    white-space: nowrap;
  }
  .job-layer .block-aboutculture .culturelist .culturebox .content .title::after {
    display: none;
  }
  .job-layer .block-aboutculture .culturelist .culturebox .content .txt {
    text-align: left;
    line-height: 1.5;
    padding: 0 0 0 5%;
  }
}
.job-layer .block-productproductlist {
  width: 100%;
  height: auto;
}
.job-layer .block-productproductlist ul {
  width: 100%;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.job-layer .block-productproductlist ul.flex-rev {
  flex-direction: column-reverse;
}
.job-layer .block-productproductlist li {
  width: 100%;
  height: auto;
  background: #fff;
}
.job-layer .block-productproductlist .productbox {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5% 15%;
}
.job-layer .block-productproductlist .productbox.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productproductlist .productbox {
    flex-direction: column;
  }
  .job-layer .block-productproductlist .productbox.flex-rev {
    flex-direction: column-reverse;
  }
}
.job-layer .block-productproductlist .productbox:hover .contbox .title {
  border-bottom: 1px solid #44b041;
}
.job-layer .block-productproductlist .productbox:hover .contbox .detail {
  margin-top: 15%;
  opacity: 1;
  z-index: auto;
}
.job-layer .block-productproductlist .imgbox {
  width: 35%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  transition: all 0.5s;
  margin: 0 10% 0 0;
}
.job-layer .block-productproductlist .imgbox.flex-rev {
  flex-direction: row-reverse;
}
.job-layer .block-productproductlist .imgbox .icon {
  width: 100%;
}
.job-layer .block-productproductlist .contbox {
  margin: 0 0 0 10%;
  width: 35%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.job-layer .block-productproductlist .contbox.flex-rev {
  flex-direction: column-reverse;
}
.job-layer .block-productproductlist .contbox .title {
  font-size: 1.5625vw;
  font-weight: bold;
  color: #090304;
  padding: 0 2em 0.625vw 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productproductlist .contbox .title {
    font-size: 5.33333333vw;
  }
}
.job-layer .block-productproductlist .contbox .desc {
  margin-top: 5%;
  font-size: 0.9375vw;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(9, 3, 4, 0.6);
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productproductlist .contbox .desc {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-productproductlist .contbox .detail {
  font-size: 0.9375vw;
  color: #45b93c;
  position: relative;
  transition: all 0.5s;
  opacity: 0;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productproductlist .contbox .detail {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-productproductlist .contbox .detail::before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: -6px;
  left: 0;
  height: 3px;
  background: #45b93c;
}
.job-layer .block-productproductlist li:nth-of-type(2n) {
  background: #f7f7f7;
}
.job-layer .block-productproductlist li:nth-of-type(2n) .productbox {
  flex-direction: row-reverse;
}
.job-layer .block-productproductlist li:nth-of-type(2n) .productbox .imgbox {
  margin: 0 0 0 10%;
}
.job-layer .block-productproductlist li:nth-of-type(2n) .productbox .contbox {
  margin: 0 10% 0 0;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productproductlist .productbox {
    flex-direction: column;
    margin: 10% 5%;
  }
  .job-layer .block-productproductlist li:nth-of-type(2n) .productbox {
    flex-direction: column;
  }
  .job-layer .block-productproductlist li:nth-of-type(2n) .productbox .imgbox {
    margin: 0;
  }
  .job-layer .block-productproductlist li:nth-of-type(2n) .productbox .contbox {
    margin: 10% 0 0 0;
  }
  .job-layer .block-productproductlist .imgbox {
    margin: 0;
    width: 100%;
  }
  .job-layer .block-productproductlist .imgbox .icon {
    width: 80%;
  }
  .job-layer .block-productproductlist .contbox {
    margin: 10% 0 0 0;
    width: 100%;
    align-items: center;
  }
  .job-layer .block-productproductlist .contbox .title {
    padding: 0;
    border-bottom: 0;
    margin-top: 5%;
  }
  .job-layer .block-productproductlist .contbox .desc {
    text-align: center;
    margin-top: 5%;
  }
  .job-layer .block-productproductlist .contbox .detail {
    text-align: center;
    margin-top: 10%;
    opacity: 1;
    z-index: auto;
  }
}
.job-layer .block-mfgbrand {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 6.67vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
}
.job-layer .block-mfgbrand .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .block-mfgbrand .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgbrand .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.job-layer .block-mfgbrand .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgbrand .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.job-layer .block-mfgbrand .tit2 {
  margin-top: 3%;
  font-size: 2.5vw;
  font-weight: bold;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgbrand .tit2 {
    font-size: 6.4vw;
  }
}
.job-layer .block-mfgbrand .cont {
  color: rgba(9, 3, 2, 0.8);
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgbrand .cont {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-mfgbrand .brandlist {
  padding: 5% 15% 0;
}
.job-layer .block-mfgbrand ul {
  width: 100%;
  height: auto;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.job-layer .block-mfgbrand li {
  padding: 10% 0;
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .block-mfgbrand li .headbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.job-layer .block-mfgbrand li .headbox .icon-title {
  width: auto;
  height: auto;
  position: relative;
  z-index: 2;
}
.job-layer .block-mfgbrand li .headbox .icon-title .tit {
  font-size: 3.54166667vw;
  font-family: gilroy_bold;
  font-weight: bold;
  color: #44b041;
  line-height: 1.1;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgbrand li .headbox .icon-title .tit {
    font-size: 8vw;
  }
}
.job-layer .block-mfgbrand li .headbox .icon-title .tip {
  font-size: 1.04166667vw;
  color: #44b041;
  position: absolute;
  top: 0;
  left: 101%;
  width: auto;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgbrand li .headbox .icon-title .tip {
    font-size: 2vw;
  }
}
.job-layer .block-mfgbrand li .txt {
  font-size: 0.9375vw;
  color: #5c595a;
  line-height: 1.5;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgbrand li .txt {
    font-size: 2.93333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgbrand .cont {
    padding: 0 5%;
  }
  .job-layer .block-mfgbrand .brandlist {
    padding: 5%;
  }
}
.job-layer .block-mfgstrength {
  width: 100%;
  height: auto;
  position: relative;
  padding: 7% 0;
  overflow: hidden;
}
.job-layer .block-mfgstrength .titlebox {
  text-align: center;
}
.job-layer .block-mfgstrength .titlebox .entit {
  font-family: 'gilroy_light';
  font-size: 1.5625vw;
  text-transform: uppercase;
  color: #44b041;
}
.job-layer .block-mfgstrength .titlebox .cntit {
  color: #191415;
  font-size: 2.5vw;
}
.job-layer .block-mfgstrength .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgstrength .cont {
    font-size: 4vw;
  }
}
.job-layer .block-mfgstrength .grouplist {
  padding: 5%;
}
.job-layer .block-mfgstrength ul {
  width: 100%;
  height: auto;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2vw;
  row-gap: 4vw;
  padding: 0 5%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgstrength ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.job-layer .block-mfgstrength li {
  position: relative;
  cursor: pointer;
}
.job-layer .block-mfgstrength li .icon {
  width: 100%;
}
.job-layer .block-mfgstrength li .name {
  position: absolute;
  left: 5%;
  width: 90%;
  bottom: 0%;
  line-height: 1.3;
  padding: 3% 20%;
  font-size: 1.04166667vw;
  text-align: center;
  background-color: #fff;
  border-bottom: 3px solid #40a3a7;
  box-shadow: 0 0 2px 0 gray;
  transform: translateY(30%);
  transition: all 0.5s;
  background: url('/images/mfg-group-hover.png') no-repeat right center / 0% #fff;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgstrength li .name {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-mfgstrength li:hover .name {
  color: #fff;
}
.job-layer .block-mfgstrength li:nth-of-type(4n-3) .name {
  border-bottom: 3px solid #44b041;
}
.job-layer .block-mfgstrength li:nth-of-type(4n-3):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #44b041;
}
.job-layer .block-mfgstrength li:nth-of-type(4n-2) .name {
  border-bottom: 3px solid #70c4aa;
}
.job-layer .block-mfgstrength li:nth-of-type(4n-2):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #70c4aa;
}
.job-layer .block-mfgstrength li:nth-of-type(4n-1) .name {
  border-bottom: 3px solid #40a3a7;
}
.job-layer .block-mfgstrength li:nth-of-type(4n-1):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #40a3a7;
}
.job-layer .block-mfgstrength li:nth-of-type(4n) .name {
  border-bottom: 3px solid #69cf7a;
}
.job-layer .block-mfgstrength li:nth-of-type(4n):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right center / contain #69cf7a;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgstrength ul {
    padding: 0;
    column-gap: 4vw;
    row-gap: 8vw;
  }
  .job-layer .block-mfgstrength li .name {
    padding: 2% 10%;
  }
}
.job-layer .block-mfgfuture {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  background-color: #f8f8f8;
  overflow: hidden;
}
.job-layer .block-mfgfuture .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .block-mfgfuture .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgfuture .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.job-layer .block-mfgfuture .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgfuture .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.job-layer .block-mfgfuture .cont {
  margin-top: 2%;
  color: #adadad;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgfuture .cont {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-mfgfuture .cooplist {
  position: relative;
  margin: 3% 8% 0;
}
.job-layer .block-mfgfuture .cooplist .pic {
  width: 100%;
  height: auto;
}
.job-layer .block-mfgfuture .cooplist .swiper-slide-prev,
.job-layer .block-mfgfuture .cooplist .swiper-slide-next {
  position: relative;
}
.job-layer .block-mfgfuture .cooplist .swiper-slide-prev::before,
.job-layer .block-mfgfuture .cooplist .swiper-slide-next::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.job-layer .block-mfgfuture .cooplist .coop-button-prev,
.job-layer .block-mfgfuture .cooplist .coop-button-next {
  cursor: pointer;
  position: absolute;
  top: 0%;
  width: 30%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.job-layer .block-mfgfuture .cooplist .coop-button-prev .icon,
.job-layer .block-mfgfuture .cooplist .coop-button-next .icon {
  width: 20%;
  max-width: 100px;
}
.job-layer .block-mfgfuture .cooplist .coop-button-prev .micon,
.job-layer .block-mfgfuture .cooplist .coop-button-next .micon {
  width: 50%;
  padding: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
.job-layer .block-mfgfuture .cooplist .coop-button-prev {
  left: 0%;
}
.job-layer .block-mfgfuture .cooplist .coop-button-next {
  right: 0%;
}
.job-layer .block-mfgfuture .swiper-pagination-custom li {
  padding: 2% 30% 8%;
  display: none;
  text-align: center;
  font-size: 1.25vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgfuture .swiper-pagination-custom li {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-mfgfuture .swiper-pagination-custom li.now {
  display: block;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mfgfuture .cont {
    padding: 0 5%;
  }
  .job-layer .block-mfgfuture .swiper-pagination-custom li {
    line-height: 1.5;
    padding: 3% 10% 8%;
  }
  .job-layer .block-mfgfuture .cooplist {
    margin: 3% 0 0;
  }
  .job-layer .block-mfgfuture .cooplist .coop-button-prev,
  .job-layer .block-mfgfuture .cooplist .coop-button-next {
    width: 20%;
  }
  .job-layer .block-mfgfuture .cooplist .coop-button-prev .icon,
  .job-layer .block-mfgfuture .cooplist .coop-button-next .icon {
    display: none;
  }
  .job-layer .block-mfgfuture .cooplist .coop-button-prev .micon,
  .job-layer .block-mfgfuture .cooplist .coop-button-next .micon {
    display: flex;
    flex-direction: row;
  }
  .job-layer .block-mfgfuture .cooplist .coop-button-prev .micon.flex-rev,
  .job-layer .block-mfgfuture .cooplist .coop-button-next .micon.flex-rev {
    flex-direction: row-reverse;
  }
}
.job-layer .block-neenergy {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.job-layer .block-neenergy .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .block-neenergy .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-neenergy .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.job-layer .block-neenergy .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-neenergy .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.job-layer .block-neenergy .cont {
  color: #3a3536;
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-neenergy .cont {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-neenergy .energylist {
  position: relative;
  padding: 5% 10% 10%;
}
.job-layer .block-neenergy .energylist .particles-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 25%;
}
.job-layer .block-neenergy ul {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: start;
}
.job-layer .block-neenergy li {
  padding: 6% 0;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: floating 1.5s infinite ease-in-out alternate;
}
@keyframes floating {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
.job-layer .block-neenergy li:nth-child(1) {
  margin-top: 12%;
  animation-delay: 0.1s;
}
.job-layer .block-neenergy li:nth-child(1) .fx-twinkle {
  animation-duration: 4s;
  animation-delay: 1s;
}
.job-layer .block-neenergy li:nth-child(2) {
  margin-top: 30%;
  animation-delay: 0.3s;
}
.job-layer .block-neenergy li:nth-child(2) .fx-twinkle {
  animation-duration: 6s;
  animation-delay: 3.5s;
}
.job-layer .block-neenergy li:nth-child(3) {
  animation-delay: 0.5s;
}
.job-layer .block-neenergy li:nth-child(3) .fx-twinkle {
  animation-duration: 4.5s;
  animation-delay: 3.5s;
}
.job-layer .block-neenergy li:nth-child(4) {
  animation-delay: 0.7s;
  margin-top: 12%;
}
.job-layer .block-neenergy li:nth-child(4) .fx-twinkle {
  animation-duration: 5s;
  animation-delay: 2.5s;
}
.job-layer .block-neenergy li:nth-child(5) {
  animation-delay: 0.6s;
  margin-top: 8%;
}
.job-layer .block-neenergy li:nth-child(5) .fx-twinkle {
  animation-duration: 5s;
  animation-delay: 1.5s;
}
.job-layer .block-neenergy li:nth-child(6) {
  margin-top: 35%;
  animation-delay: 0.4s;
}
.job-layer .block-neenergy li:nth-child(6) .fx-twinkle {
  animation-duration: 7s;
  animation-delay: 2s;
}
.job-layer .block-neenergy li:nth-child(7) {
  margin-top: 12%;
  animation-delay: 0.8s;
}
.job-layer .block-neenergy li:nth-child(7) .fx-twinkle {
  animation-duration: 6s;
  animation-delay: 2s;
}
.job-layer .block-neenergy li .headbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.job-layer .block-neenergy li .headbox .icon-title {
  width: auto;
  height: auto;
  position: relative;
  z-index: 2;
}
.job-layer .block-neenergy li .headbox .icon-title .tit {
  font-size: 3.125vw;
  font-weight: bold;
  color: #44b041;
  line-height: 1.1;
  font-family: gilroy_bold;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-neenergy li .headbox .icon-title .tit {
    font-size: 6.53333333vw;
  }
}
.job-layer .block-neenergy li .headbox .icon-title .tip {
  font-size: 0.83333333vw;
  color: #45b93c;
  position: absolute;
  top: 0;
  left: 101%;
  width: auto;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-neenergy li .headbox .icon-title .tip {
    font-size: 2.66666667vw;
  }
}
.job-layer .block-neenergy li .txt {
  font-size: 0.9375vw;
  color: #44b041;
  line-height: 1.5;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-neenergy li .txt {
    font-size: 3.46666667vw;
  }
}
.job-layer .block-neenergy li .fx {
  width: 0.5%;
  opacity: 0.7;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-neenergy ul {
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "a a a b b b c c c d d d" "e e e e f f f f g g g g";
  }
  .job-layer .block-neenergy li:nth-child(1) {
    grid-area: a;
    margin-top: 24%;
  }
  .job-layer .block-neenergy li:nth-child(2) {
    grid-area: b;
    margin-top: 30%;
  }
  .job-layer .block-neenergy li:nth-child(3) {
    grid-area: c;
    margin-top: 0%;
  }
  .job-layer .block-neenergy li:nth-child(4) {
    grid-area: d;
    margin-top: 24%;
  }
  .job-layer .block-neenergy li:nth-child(5) {
    grid-area: e;
    margin-top: 16%;
  }
  .job-layer .block-neenergy li:nth-child(6) {
    grid-area: f;
    margin-top: 40%;
  }
  .job-layer .block-neenergy li:nth-child(7) {
    grid-area: g;
    margin-top: 24%;
  }
  .job-layer .block-neenergy .cont {
    padding: 0 5%;
  }
  .job-layer .block-neenergy .fx {
    display: none;
  }
}
.job-layer .block-necompany {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-color: #f7f7f7;
}
.job-layer .block-necompany .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .block-necompany .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-necompany .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.job-layer .block-necompany .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-necompany .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.job-layer .block-necompany .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
.job-layer .block-necompany .companylist {
  padding: 5%;
}
.job-layer .block-necompany ul {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3vw;
  row-gap: 6vw;
  padding: 0 5%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-necompany ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.job-layer .block-necompany li {
  position: relative;
  cursor: pointer;
}
.job-layer .block-necompany li:hover .name {
  color: #fff;
}
.job-layer .block-necompany li:nth-of-type(3n-2) .name {
  border-bottom: 3px solid #44b041;
}
.job-layer .block-necompany li:nth-of-type(3n-2):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #44b041;
  background-size: contain;
}
.job-layer .block-necompany li:nth-of-type(3n-1) .name {
  border-bottom: 3px solid #70c4aa;
}
.job-layer .block-necompany li:nth-of-type(3n-1):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #70c4aa;
  background-size: contain;
}
.job-layer .block-necompany li:nth-of-type(3n) .name {
  border-bottom: 3px solid #40a3a7;
}
.job-layer .block-necompany li:nth-of-type(3n):hover .name {
  background: url('/images/mfg-group-hover.png') no-repeat right top #40a3a7;
  background-size: contain;
}
.job-layer .block-necompany .icon {
  width: 100%;
}
.job-layer .block-necompany .name {
  position: absolute;
  min-height: 4.27vw;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 5%;
  width: 90%;
  bottom: 0%;
  line-height: 1.2;
  padding: 2% 16%;
  transition: all 0.5s;
  text-align: center;
  font-size: 1.04166667vw;
  background-color: #fff;
  border-bottom: 3px solid #40a3a7;
  transform: translateY(30%);
  background: url('/images/mfg-group-hover.png') no-repeat right top #fff;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-necompany .name {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .job-layer .block-necompany ul {
    row-gap: 15vw;
    padding: 0 5%;
  }
  .job-layer .block-necompany .name {
    line-height: 2.5;
    padding: 2% 5%;
  }
}
.job-layer .block-neadvantage {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-color: #fff;
}
.job-layer .block-neadvantage .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .block-neadvantage .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-neadvantage .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.job-layer .block-neadvantage .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-neadvantage .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.job-layer .block-neadvantage .cont {
  color: #adadad;
  font-size: 1.5625vw;
  line-height: 2;
  padding: 0 25%;
  text-align: center;
}
.job-layer .block-neadvantage .advangtagelist {
  padding: 5%;
}
.job-layer .block-neadvantage ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0 7.8vw;
}
.job-layer .block-neadvantage ul:nth-of-type(2n) {
  flex-direction: row-reverse;
  background-color: #ecf7ec;
}
.job-layer .block-neadvantage li {
  display: flex;
  margin: 5%;
  width: 40%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.job-layer .block-neadvantage .icon {
  width: 100%;
}
.job-layer .block-neadvantage .listtitlebox {
  width: 100%;
  height: auto;
  text-align: left;
  position: relative;
  margin-top: 6%;
}
.job-layer .block-neadvantage .listtitlebox .entit {
  width: 100%;
  height: auto;
  font-size: 6.25vw;
  font-weight: bold;
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 0.5px rgba(68, 176, 65, 0.3);
  -webkit-text-fill-color: transparent;
  font-family: gilroy_bold;
  line-height: 1;
  position: absolute;
  text-align: left;
  bottom: 0;
  left: -5%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-neadvantage .listtitlebox .entit {
    font-size: 16vw;
  }
}
.job-layer .block-neadvantage .listtitlebox .cntit {
  font-size: 2.08333333vw;
  color: #44b041;
  font-weight: bold;
  position: relative;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-neadvantage .listtitlebox .cntit {
    font-size: 5.33333333vw;
  }
}
.job-layer .block-neadvantage .listcont {
  font-size: 0.9375vw;
  line-height: 2;
  color: #5c595a;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-neadvantage .listcont {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .job-layer .block-neadvantage .icon {
    margin-bottom: 10%;
  }
  .job-layer .block-neadvantage ul {
    flex-direction: column-reverse;
  }
  .job-layer .block-neadvantage ul:nth-of-type(2n) {
    flex-direction: column-reverse;
  }
  .job-layer .block-neadvantage li {
    margin: 5%;
    width: 90%;
  }
  .job-layer .block-neadvantage .listtitlebox .entit {
    left: 0;
    text-align: center;
  }
  .job-layer .block-neadvantage .listtitlebox .cntit {
    text-align: center;
  }
}
.job-layer .banner-presentation {
  width: 100%;
  height: auto;
  position: relative;
}
.job-layer .banner-presentation .banner-bg {
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-presentation .banner-bg {
    height: 56.25vw;
  }
  .job-layer .banner-presentation .banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
  }
}
.job-layer .banner-presentation .banner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.job-layer .banner-presentation .banner-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .banner-presentation .banner-titlebox .banner-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-presentation .banner-titlebox .banner-entitle {
    font-size: 4vw;
  }
}
.job-layer .banner-presentation .banner-titlebox .banner-title {
  color: #231f20;
  font-size: 2.5vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-presentation .banner-titlebox .banner-title {
    font-size: 6.4vw;
  }
}
.job-layer .banner-presentation .banner-wrapper {
  justify-content: space-between;
  padding: 9% 0 14%;
}
.job-layer .banner-presentation .cont {
  margin: 1% 0 0;
  padding: 0 30%;
  font-size: 0.83333333vw;
  color: #5b5857;
  line-height: 2;
}
.job-layer .banner-presentation .list {
  margin: 1% 0 0;
  width: 100%;
  padding: 0 25%;
}
.job-layer .banner-presentation .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.job-layer .banner-presentation .list ul .iconbox {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.job-layer .banner-presentation .list ul .iconbox.flex-rev {
  flex-direction: column-reverse;
}
.job-layer .banner-presentation .list ul .iconbox .icon {
  width: 30%;
}
.job-layer .banner-presentation .list ul .iconbox .title {
  font-size: 1.25vw;
  text-align: center;
  font-weight: bold;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-presentation .list ul .iconbox .title {
    font-size: 2.66666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-presentation .banner-wrapper {
    padding: 14% 0 0%;
  }
  .job-layer .banner-presentation .cont {
    display: none;
  }
  .job-layer .banner-presentation .list {
    padding: 0 10%;
  }
  .job-layer .banner-presentation .list ul .iconbox .icon {
    width: 50%;
  }
}
.job-layer .block-presentationcase {
  width: 100%;
  height: auto;
  padding: 5% 8.5% 0;
}
.job-layer .block-presentationcase ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3vw 3vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-presentationcase ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.job-layer .block-presentationcase li {
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
}
.job-layer .block-presentationcase li .icon {
  width: 100%;
}
.job-layer .block-presentationcase li .text {
  position: absolute;
  width: 100%;
  bottom: -30%;
  transition: all 0.5s;
  font-size: 1.14583333vw;
  color: #fff;
  padding: 2.5% 5%;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-presentationcase li .text {
    font-size: 3.46666667vw;
  }
}
.job-layer .block-presentationcase li:hover {
  transform: translateY(-3%);
}
.job-layer .block-presentationcase li:hover .text {
  bottom: 0;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-presentationcase {
    padding: 5% 5% 0;
  }
  .job-layer .block-presentationcase li .text {
    padding: 3% 5%;
    bottom: 0;
  }
}
.job-layer .block-infornews {
  width: 100%;
  height: auto;
  padding: 5% 7.8% 0;
}
.job-layer .block-infornews ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 4vw;
}
.job-layer .block-infornews li {
  transition: all 0.5s;
  border-bottom: 1px solid #f4f4f4;
}
.job-layer .block-infornews li a {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}
.job-layer .block-infornews li a.flex-rev {
  flex-direction: row-reverse;
}
.job-layer .block-infornews li .pic {
  max-width: 20%;
  position: relative;
}
.job-layer .block-infornews li .pic.play::before {
  content: '';
  position: absolute;
  width: 3.5vw;
  height: 3.5vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
  background-size: 25%;
  border-radius: 50%;
}
.job-layer .block-infornews li .cont {
  width: 100%;
  height: auto;
  padding: 5%;
  box-sizing: border-box;
  flex: 1;
}
.job-layer .block-infornews li .cont .titbox {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 1.5vw;
}
.job-layer .block-infornews li .cont .tit {
  font-size: 1.14583333vw;
  font-weight: bold;
  color: #090304;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infornews li .cont .tit {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-infornews li .cont .txt {
  width: 100%;
  height: auto;
  font-size: 0.72916667vw;
  color: #848181;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0% 0;
  box-sizing: border-box;
}
.job-layer .block-infornews li .cont .date {
  width: 100%;
  font-family: gilroy_regular;
  font-size: 1.35416667vw;
  line-height: 1.5;
  color: #adadad;
  display: none;
  margin-top: 3%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infornews li .cont .date {
    font-size: 3.46666667vw;
  }
}
.job-layer .block-infornews li .datebox {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: gilroy_regular;
  color: #adadad;
}
.job-layer .block-infornews li .datebox .year {
  font-size: 2.08333333vw;
}
.job-layer .block-infornews li .datebox .monthday {
  font-size: 1.92708333vw;
}
.job-layer .block-infornews li a::after {
  content: '';
  width: 6vw;
  height: 3px;
  background: linear-gradient(to right, #45b93c, #79d12c);
  position: absolute;
  bottom: -1.5px;
  left: 0;
  transition: all 0.5s;
}
.job-layer .block-infornews li:hover a {
  color: #45b93c;
}
.job-layer .block-infornews li:hover a::after {
  width: 100%;
}
.job-layer .block-infornews li:hover .cont .tit {
  color: #45b93c;
}
.job-layer .block-infornews li:hover .cont .txt {
  color: #45b93c;
}
.job-layer .block-infornews li:hover .datebox {
  color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infornews {
    padding: 0 5% 0;
  }
  .job-layer .block-infornews li a {
    box-sizing: border-box;
    padding: 5% 0;
  }
  .job-layer .block-infornews li a::after {
    display: none;
  }
  .job-layer .block-infornews li .pic {
    max-width: 45%;
  }
  .job-layer .block-infornews li .pic.play::before {
    content: '';
    position: absolute;
    width: 10vw;
    height: 10vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
    background-size: 25%;
    border-radius: 50%;
  }
  .job-layer .block-infornews li .cont {
    padding: 0 3% 0 0;
  }
  .job-layer .block-infornews li .cont .txt {
    display: none;
  }
  .job-layer .block-infornews li .cont .date {
    display: block;
  }
  .job-layer .block-infornews li .datebox {
    display: none;
  }
}
.job-layer .block-infonews {
  width: 100%;
  height: auto;
  padding: 5% 7.8% 0;
}
.job-layer .block-infonews ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 6%;
  row-gap: 4vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonews ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.job-layer .block-infonews li {
  /* width: 47%; */
  /* height: 100%; */
  cursor: pointer;
  display: inline-block;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}
.job-layer .block-infonews li .pic {
  width: 100%;
  height: auto;
  position: relative;
}
.job-layer .block-infonews li .pic.play::before {
  content: '';
  position: absolute;
  width: 3.5vw;
  height: 3.5vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('/images/icon-play.png') no-repeat center center rgba(0, 0, 0, 0.7);
  background-size: 25%;
  border-radius: 50%;
}
.job-layer .block-infonews li .cont {
  width: 100%;
  height: auto;
  padding: 5%;
  box-sizing: border-box;
}
.job-layer .block-infonews li .cont .titbox {
  position: relative;
  border-bottom: 1px solid #f4f4f4;
  transition: all 0.5s;
}
.job-layer .block-infonews li .cont .titbox::before {
  content: '';
  width: 2vw;
  height: 3px;
  background: linear-gradient(to right, #45b93c, #79d12c);
  position: absolute;
  bottom: -1.5px;
  left: 0;
  transition: all 0.5s;
}
.job-layer .block-infonews li .cont .tit {
  font-size: 17px;
  color: #090304;
  line-height: 1.6;
  margin-bottom: 3%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.job-layer .block-infonews li .cont .txt {
  width: 100%;
  height: 0;
  opacity: 0;
  font-size: 15px;
  color: #848181;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0% 0;
  box-sizing: border-box;
  transition: all 0.5s;
}
.job-layer .block-infonews li .cont .date {
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  color: #adadad;
  background: url(/images/arrow5.png) no-repeat center right;
  background-size: 6px;
  margin-top: 3%;
}
.job-layer .block-infonews li:hover .cont .titbox::before {
  width: 100%;
}
.job-layer .block-infonews li:hover .cont .tit {
  color: #45b93c;
}
.job-layer .block-infonews li:hover .cont .txt {
  height: auto;
  opacity: 1;
  margin: 5% 0;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonews {
    padding: 5% 5% 0;
  }
  .job-layer .block-infonews ul {
    column-gap: 0;
    row-gap: 0;
  }
  .job-layer .block-infonews li {
    box-shadow: none;
    margin-bottom: 0;
    padding: 5% 0;
  }
  .job-layer .block-infonews li:not(:last-child) {
    box-shadow: none;
  }
  .job-layer .block-infonews li a {
    display: flex;
  }
  .job-layer .block-infonews li .pic {
    width: 70%;
  }
  .job-layer .block-infonews li .pic.play::before {
    width: 8vw;
    height: 8vw;
  }
  .job-layer .block-infonews li .cont {
    padding: 1.5% 0 1.5% 5%;
  }
  .job-layer .block-infonews li .cont .titbox::before {
    width: 0;
  }
  .job-layer .block-infonews li .cont .tit {
    font-size: 3.73vw;
  }
}
.job-layer .block-infonewsdetails {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.job-layer .block-infonewsdetails .detailsbox {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont {
  width: 65%;
  height: auto;
  padding: 5% 3% 5% 12%;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .headbox {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #eee;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
  font-size: 2.29166667vw;
  color: #272621;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
    font-size: 4.26666667vw;
  }
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 3% 0 1% 0;
  box-sizing: border-box;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li {
  font-size: 1.04166667vw;
  color: #969694;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li {
    font-size: 3.2vw;
  }
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a {
  font-size: 1.04166667vw;
  color: #969694;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a {
    font-size: 3.2vw;
  }
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source li a:hover {
  color: #44b041;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .cont {
  width: 100%;
  height: auto;
  padding: 3% 0 5% 0;
  box-sizing: border-box;
  font-size: 1.14583333vw;
  line-height: 2;
  color: #5b5857;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .cont {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .cont img {
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox {
  padding: 5% 0;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-entitle {
  font-family: gilroy_regular;
  color: #44b041;
  font-size: 0.83333333vw;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-entitle {
    font-size: 2.4vw;
  }
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-title {
  font-weight: bold;
  color: #44b041;
  font-size: 1.45833333vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-titlebox .download-title {
    font-size: 4.66666667vw;
  }
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .download li:not(:last-child) {
  margin-bottom: 1em;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
  background-color: #f7f7f7;
  color: #090304;
  padding: 0 6%;
  transition: all 0.5s;
  background-image: url("/images/icon-download1.png"), url("/images/icon-download2.png"), url("/images/icon-download3.png");
  background-repeat: no-repeat;
  background-position: 2% center, 98% center, 97% center;
  background-size: 2%, 1.5%, contain;
  font-size: 0.83333333vw;
  line-height: 3;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-file:hover {
  background-image: url("/images/icon-download1-hover.png"), url("/images/icon-download2-hover.png"), url("/images/icon-download3.png");
  background-color: #44b041;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
    font-size: 4vw;
  }
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  padding: 5% 0 0;
  box-sizing: border-box;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve,
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next {
  width: 40%;
  height: auto;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit,
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
  font-size: 1.04166667vw;
  color: #adadad;
  line-height: 1.5;
  white-space: nowrap;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit,
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt,
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
  font-size: 1.04166667vw;
  color: #5b5857;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt,
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a,
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a:hover .tit,
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a:hover .tit {
  color: #44b041;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a:hover .txt,
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a:hover .txt {
  color: #44b041;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a {
  justify-content: flex-start;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit {
  border-right: 1px solid #d9d9d9;
  padding-right: 0.5vw;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt {
  padding-left: 0.5vw;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
  justify-content: flex-end;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
  border-left: 1px solid #d9d9d9;
  padding-left: 0.5vw;
}
.job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
  padding-right: 0.5vw;
}
.job-layer .block-infonewsdetails .detailsbox .youList {
  width: 35%;
  height: auto;
  background: url("/images/infolist-bg.png") no-repeat right top / contain #fafafa;
  padding: 5% 5% 5% 0%;
}
.job-layer .block-infonewsdetails .detailsbox .youList .titlebox {
  padding: 0 5%;
  border-left: 7px solid #44b041;
}
.job-layer .block-infonewsdetails .detailsbox .youList .titlebox .entitle {
  font-size: 0.83333333vw;
  color: #44b041;
  font-family: gilroy_regular;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonewsdetails .detailsbox .youList .titlebox .entitle {
    font-size: 2.93333333vw;
  }
}
.job-layer .block-infonewsdetails .detailsbox .youList .titlebox .title {
  font-size: 1.45833333vw;
  color: #44b041;
  font-weight: bold;
  box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonewsdetails .detailsbox .youList .titlebox .title {
    font-size: 4.66666667vw;
  }
}
.job-layer .block-infonewsdetails .detailsbox .youList .youbox {
  width: 100%;
  height: auto;
  padding: 0 5%;
}
.job-layer .block-infonewsdetails .detailsbox .youList .youbox ul {
  width: 100%;
  height: auto;
}
.job-layer .block-infonewsdetails .detailsbox .youList .youbox li {
  width: 100%;
}
.job-layer .block-infonewsdetails .detailsbox .youList .youbox li a {
  width: 100%;
  height: auto;
  padding: 5% 0;
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  align-items: stretch;
  justify-content: flex-end;
  border-bottom: 1px solid #ebebeb;
}
.job-layer .block-infonewsdetails .detailsbox .youList .youbox li a::before {
  content: "";
  position: absolute;
  width: 0%;
  background: #44b041;
  height: 1px;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}
.job-layer .block-infonewsdetails .detailsbox .youList .youbox li:last-child a {
  border: none;
}
.job-layer .block-infonewsdetails .detailsbox .youList .youbox li .pic {
  max-width: 30%;
  height: auto;
}
.job-layer .block-infonewsdetails .detailsbox .youList .youbox li .pic img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.job-layer .block-infonewsdetails .detailsbox .youList .youbox li .cont {
  padding: 0 2%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 70%;
}
.job-layer .block-infonewsdetails .detailsbox .youList .youbox li .tit {
  font-size: 0.83333333vw;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 4% 0 3% 0;
  box-sizing: border-box;
  transition: all 0.5s;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonewsdetails .detailsbox .youList .youbox li .tit {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-infonewsdetails .detailsbox .youList .youbox li:hover .tit {
  color: #44b041;
}
.job-layer .block-infonewsdetails .detailsbox .youList .youbox li:hover a::before {
  width: 100%;
}
.job-layer .block-infonewsdetails .detailsbox .youList .youbox li .date {
  font-size: 0.83333333vw;
  color: #adadad;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonewsdetails .detailsbox .youList .youbox li .date {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 1000px) {
  .job-layer .block-infonewsdetails {
    padding: 5% 5%;
  }
  .job-layer .block-infonewsdetails .detailsbox {
    display: block;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont {
    width: 100%;
    height: auto;
    padding: 5% 0;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .title {
    font-size: 5vw;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source {
    padding: 2% 0 1% 0;
    justify-content: space-between;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li {
    font-size: 14px;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li span {
    display: none;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .headbox .source .li a {
    font-size: 14px;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .cont {
    font-size: 15px;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .download .download-file {
    padding: 2% 8%;
    background-size: 4%, 3% ,contain;
    background-position: 3% center, 94% center, 97% center;
    line-height: 1.5;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage {
    flex-direction: column;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve,
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next {
    width: 100%;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve a {
    justify-content: flex-start;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .tit {
    border-right: 1px solid #d9d9d9;
    padding: 0 1vw 0 0;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .prve .txt {
    padding: 0 0 0 1vw;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next a {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .tit {
    border-left: 0;
    border-right: 1px solid #d9d9d9;
    padding: 0 1vw 0 0;
  }
  .job-layer .block-infonewsdetails .detailsbox .zuoCont .newPage .next .txt {
    padding: 0 0 0 1vw;
  }
  .job-layer .block-infonewsdetails .detailsbox .youList {
    width: 100%;
    height: auto;
    padding: 5% 0;
    background: #fff;
  }
  .job-layer .block-infonewsdetails .detailsbox .youList .titlebox {
    border-left: none;
    padding: 0;
  }
  .job-layer .block-infonewsdetails .detailsbox .youList .titlebox .title {
    padding-bottom: 1%;
  }
  .job-layer .block-infonewsdetails .detailsbox .youList .youbox {
    padding: 0;
  }
  .job-layer .block-infonewsdetails .detailsbox .youList .youbox li {
    padding: 0;
  }
  .job-layer .block-infonewsdetails .detailsbox .youList .youbox li a {
    padding: 3% 0;
    flex-direction: row;
  }
  .job-layer .block-infonewsdetails .detailsbox .youList .youbox li .pic {
    width: 100%;
    order: 3;
  }
  .job-layer .block-infonewsdetails .detailsbox .youList .youbox li .tit {
    width: 100%;
    height: auto;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    order: 1;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    font-weight: unset;
    margin: 0;
  }
  .job-layer .block-infonewsdetails .detailsbox .youList .youbox li .cont {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 2% 0 0;
  }
  .job-layer .block-infonewsdetails .detailsbox .youList .youbox li .date {
    display: block;
    top: 2px;
    left: 0;
    font-weight: bold;
    padding-bottom: 5%;
  }
}
.job-layer .block-mcglobalmap {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 9;
}
.job-layer .block-mcglobalmap .map,
.job-layer .block-mcglobalmap .m-map {
  width: 100%;
  height: auto;
}
.job-layer .block-mcglobalmap .m-map {
  display: none;
}
.job-layer .block-mcglobalmap .global {
  width: 45%;
  height: auto;
  position: absolute;
  left: 10%;
  bottom: 35%;
}
.job-layer .block-mcglobalmap .global .tit {
  font-size: 2.5vw;
  font-weight: bold;
  color: #090304;
  padding-bottom: 2%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mcglobalmap .global .tit {
    font-size: 6.4vw;
  }
}
.job-layer .block-mcglobalmap .global .tit span {
  color: #45b93c;
}
.job-layer .block-mcglobalmap .global .txt {
  width: 100%;
  font-size: 0.9375vw;
  color: #393535;
  padding-right: 25%;
  box-sizing: border-box;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mcglobalmap .global .txt {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-mcglobalmap .global .globalbtn {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  padding-top: 5%;
}
.job-layer .block-mcglobalmap .global .globalbtn a {
  display: block;
  height: auto;
  padding: 2% 12% 2% 3%;
  box-sizing: border-box;
  border: 1px solid #f4f4f4;
  background: url(/images/mc-global-arrow.png) no-repeat center #ffffff;
  background-size: 3em;
  background-position: 90%;
  transition: all 0.5s;
  margin-right: 5%;
}
.job-layer .block-mcglobalmap .global .globalbtn a .btit {
  font-size: 1.09375vw;
  font-weight: bold;
  line-height: 1.5;
  color: #090304;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mcglobalmap .global .globalbtn a .btit {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-mcglobalmap .global .globalbtn a .btxt {
  font-size: 0.8vw;
  color: #adadad;
  line-height: 1.5;
  white-space: nowrap;
  transition: all 0.5s;
}
.job-layer .block-mcglobalmap .global .globalbtn a:hover {
  background: url(/images/mc-global-arrow-hover.png) no-repeat center #45b93c;
  background-size: 3em;
  background-position: 90%;
}
.job-layer .block-mcglobalmap .global .globalbtn a:hover .btit {
  color: #fff;
}
.job-layer .block-mcglobalmap .global .globalbtn a:hover .btxt {
  color: #fff;
}
.job-layer .block-mcglobalmap .exitroute {
  width: 50%;
  height: 100%;
  position: absolute;
  bottom: 0%;
  right: 0;
  z-index: 9;
}
.job-layer .block-mcglobalmap .exitroute .exit .route {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 45.5%;
  right: 48.5%;
  z-index: 99;
}
.job-layer .block-mcglobalmap .exitroute .exit .route .dian {
  width: 19px;
  height: 19px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  box-shadow: inset 0 0 0px 3px #45b93c;
}
.job-layer .block-mcglobalmap .exitroute .exit .route .dian::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background-color: rgba(68, 176, 65, 0.2);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.job-layer .block-mcglobalmap .exitroute .exit .route .dian::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  background-color: rgba(68, 176, 65, 0.4);
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.job-layer .block-mcglobalmap .exitroute .exit .route .site {
  width: auto;
  height: auto;
  position: absolute;
  top: 20%;
  left: 160%;
  white-space: nowrap;
}
.job-layer .block-mcglobalmap .exitroute .exit .route .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.job-layer .block-mcglobalmap .exitroute .exit .route .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.job-layer .block-mcglobalmap .exitroute .exit .route .line-japan,
.job-layer .block-mcglobalmap .exitroute .exit .route .line-europe,
.job-layer .block-mcglobalmap .exitroute .exit .route .line-middleeast,
.job-layer .block-mcglobalmap .exitroute .exit .route .line-malaysia {
  height: auto;
  position: absolute;
  z-index: -1;
  animation: maplinemask 4s linear infinite;
}
.job-layer .block-mcglobalmap .exitroute .exit .route .line-japan {
  width: 13vw;
  bottom: 0;
  left: 50%;
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 0% 100%;
}
.job-layer .block-mcglobalmap .exitroute .exit .route .line-europe {
  width: 3.4vw;
  bottom: 0;
  right: 4px;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.job-layer .block-mcglobalmap .exitroute .exit .route .line-middleeast {
  width: 14vw;
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.job-layer .block-mcglobalmap .exitroute .exit .route .line-malaysia {
  width: 3.3vw;
  top: 10%;
  right: 10%;
  transform: rotate(180deg);
  -webkit-mask: url('/images/mc-map-linemask.png') no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
}
.job-layer .block-mcglobalmap .exitroute .exit .japan {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 64%;
  right: 22.5%;
  z-index: 99;
}
.job-layer .block-mcglobalmap .exitroute .exit .japan .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.job-layer .block-mcglobalmap .exitroute .exit .japan .site {
  width: auto;
  height: auto;
  position: absolute;
  top: -20%;
  left: 170%;
  white-space: nowrap;
}
.job-layer .block-mcglobalmap .exitroute .exit .japan .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.job-layer .block-mcglobalmap .exitroute .exit .japan .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.job-layer .block-mcglobalmap .exitroute .exit .malaysia {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 18%;
  right: 54.5%;
  z-index: 99;
}
.job-layer .block-mcglobalmap .exitroute .exit .malaysia .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.job-layer .block-mcglobalmap .exitroute .exit .malaysia .site {
  width: auto;
  height: auto;
  position: absolute;
  top: -20%;
  left: 170%;
  white-space: nowrap;
}
.job-layer .block-mcglobalmap .exitroute .exit .malaysia .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.job-layer .block-mcglobalmap .exitroute .exit .malaysia .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.job-layer .block-mcglobalmap .exitroute .exit .europe {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 94.5%;
  right: 55%;
  z-index: 99;
}
.job-layer .block-mcglobalmap .exitroute .exit .europe .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.job-layer .block-mcglobalmap .exitroute .exit .europe .site {
  width: auto;
  height: auto;
  position: absolute;
  top: 0%;
  left: 170%;
  white-space: nowrap;
}
.job-layer .block-mcglobalmap .exitroute .exit .europe .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.job-layer .block-mcglobalmap .exitroute .exit .europe .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
.job-layer .block-mcglobalmap .exitroute .exit .middleeast {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 48.5%;
  right: 76%;
  z-index: 99;
}
.job-layer .block-mcglobalmap .exitroute .exit .middleeast .dian {
  width: 19px;
  height: 19px;
  border: 3px solid #45b93c;
  background: #fff;
  border-radius: 50%;
}
.job-layer .block-mcglobalmap .exitroute .exit .middleeast .site {
  width: auto;
  height: auto;
  position: absolute;
  text-align: right;
  top: -60%;
  right: 150%;
  white-space: nowrap;
}
.job-layer .block-mcglobalmap .exitroute .exit .middleeast .site .cntit {
  font-size: 1vw;
  color: #45b93c;
}
.job-layer .block-mcglobalmap .exitroute .exit .middleeast .site .entit {
  font-size: 14px;
  color: #45b93c;
  text-transform: uppercase;
  font-family: gilroy_regular;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mcglobalmap .map {
    display: none;
  }
  .job-layer .block-mcglobalmap .m-map {
    display: block;
  }
  .job-layer .block-mcglobalmap .global {
    width: 100%;
    padding: 5%;
    bottom: unset;
    left: 0;
  }
  .job-layer .block-mcglobalmap .global .tit,
  .job-layer .block-mcglobalmap .global .txt {
    text-align: center;
    padding-right: 0;
  }
  .job-layer .block-mcglobalmap .global .globalbtn {
    justify-content: space-between;
  }
  .job-layer .block-mcglobalmap .global .globalbtn a {
    width: 47%;
    margin-right: 0;
    padding: 2% 6% 2% 3%;
    background: url(/images/mc-global-arrow-hover.png) no-repeat center #45b93c;
    background-size: 15%;
    background-position: 90%;
  }
  .job-layer .block-mcglobalmap .global .globalbtn a .btit {
    line-height: 2;
    color: #fff;
  }
  .job-layer .block-mcglobalmap .global .globalbtn a .btxt {
    display: none;
  }
  .job-layer .block-mcglobalmap .exitroute {
    width: 100%;
    height: 65%;
    bottom: 0%;
  }
  .job-layer .block-mcglobalmap .exitroute .exit .route {
    bottom: 41.5%;
    right: 45.5%;
  }
  .job-layer .block-mcglobalmap .exitroute .exit .route .site {
    top: 30%;
  }
  .job-layer .block-mcglobalmap .exitroute .exit .route .dian {
    transform: scale(0.75);
  }
  .job-layer .block-mcglobalmap .exitroute .exit .route .line-malaysia {
    width: 7.25vw;
    top: 57%;
    right: 34%;
  }
  .job-layer .block-mcglobalmap .exitroute .exit .route .line-japan {
    width: 30.5vw;
    bottom: 25%;
    left: 66%;
  }
  .job-layer .block-mcglobalmap .exitroute .exit .route .line-middleeast {
    width: 29.5vw;
    bottom: 27%;
    right: 38%;
  }
  .job-layer .block-mcglobalmap .exitroute .exit .route .line-europe {
    width: 7.75vw;
    bottom: 34%;
    right: 33%;
  }
  .job-layer .block-mcglobalmap .exitroute .exit .japan {
    bottom: 60.5%;
    right: 15%;
  }
  .job-layer .block-mcglobalmap .exitroute .exit .japan .site {
    top: 140%;
    left: 0;
  }
  .job-layer .block-mcglobalmap .exitroute .exit .japan .dian {
    transform: scale(0.5);
  }
  .job-layer .block-mcglobalmap .exitroute .exit .europe {
    bottom: 91%;
    right: 53%;
  }
  .job-layer .block-mcglobalmap .exitroute .exit .europe .dian {
    transform: scale(0.5);
  }
  .job-layer .block-mcglobalmap .exitroute .exit .middleeast {
    bottom: 45%;
    right: 75%;
  }
  .job-layer .block-mcglobalmap .exitroute .exit .middleeast .site {
    top: 54%;
    left: -165%;
    right: unset;
    text-align: left;
  }
  .job-layer .block-mcglobalmap .exitroute .exit .middleeast .dian {
    transform: scale(0.5);
  }
  .job-layer .block-mcglobalmap .exitroute .exit .malaysia {
    bottom: 13.5%;
    right: 52.5%;
  }
  .job-layer .block-mcglobalmap .exitroute .exit .malaysia .dian {
    transform: scale(0.5);
  }
}
.job-layer .block-mccoop {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 10% 5% 10%;
  z-index: 10;
}
.job-layer .block-mccoop ul {
  padding: 0% 0 6%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2vw 2vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mccoop ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.job-layer .block-mccoop li {
  box-shadow: 0 0 15px 2px rgba(68, 176, 65, 0.2);
  transition: all 0.5s;
}
.job-layer .block-mccoop li a {
  display: block;
  width: 100%;
}
.job-layer .block-mccoop li .icon {
  width: 100%;
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
}
.job-layer .block-mccoop li .icon.flex-rev {
  flex-direction: row-reverse;
}
.job-layer .block-mccoop li:hover {
  transform: translateY(-10%);
}
.job-layer .block-mccoop .joinus {
  color: #44b041;
  font-size: 1.04166667vw;
  text-align: center;
  padding: 2% 0 2%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mccoop .joinus {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mccoop {
    padding: 0 5% 5% 5%;
  }
  .job-layer .block-mccoop ul {
    padding: 6% 0 6%;
  }
}
.job-layer .block-mccontact {
  width: 100%;
  height: auto;
  position: relative;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.job-layer .block-mccontact .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 28vw;
}
.job-layer .block-mccontact .bg img {
  height: 100%;
  object-fit: cover;
}
.job-layer .block-mccontact .titlebox {
  padding-top: 5%;
}
.job-layer .block-mccontact .titlebox .title {
  font-size: 2.5vw;
  color: #44b041;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mccontact .titlebox .title {
    font-size: 6.4vw;
  }
}
.job-layer .block-mccontact .titlebox .text {
  font-size: 0.9375vw;
  line-height: 2;
  margin-top: 3%;
  padding: 0 25%;
  color: #cccbca;
  text-align: center;
  display: none;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mccontact .titlebox .text {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-mccontact .contact-region {
  padding: 3% 30% 0;
}
.job-layer .block-mccontact .contact-region ul {
  display: flex;
  align-items: center;
}
.job-layer .block-mccontact .contact-region ul > * {
  flex: 1;
}
.job-layer .block-mccontact .contact-region li {
  cursor: pointer;
  margin: 0 3%;
  font-size: 1.2vw;
  font-weight: bold;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  line-height: 3;
  transition: all 0.5s;
}
.job-layer .block-mccontact .contact-region li:hover,
.job-layer .block-mccontact .contact-region li.now {
  background-color: #45b93c;
}
.job-layer .block-mccontact .contact-center {
  padding: 5% 10% 5%;
  min-height: 13vw;
}
.job-layer .block-mccontact .contact-center ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5vw 5vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mccontact .contact-center ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.job-layer .block-mccontact .contact-center li:hover .picbox .pictext {
  background-color: rgba(68, 176, 65, 0.9);
}
.job-layer .block-mccontact .contact-center li:hover .contbox::after {
  left: 0;
  width: 100%;
}
.job-layer .block-mccontact .contact-center .picbox {
  position: relative;
}
.job-layer .block-mccontact .contact-center .picbox .pic {
  width: 100%;
}
.job-layer .block-mccontact .contact-center .picbox .pictext {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 3;
  font-size: 1.2vw;
  padding: 0 10%;
  text-align: center;
  transition: all 0.5s;
}
.job-layer .block-mccontact .contact-center .contbox {
  position: relative;
  font-size: 0.9375vw;
  background-color: #fff;
  padding: 5% 1%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mccontact .contact-center .contbox {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-mccontact .contact-center .contbox::after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #44b041;
  transition: all 0.5s;
}
.job-layer .block-mccontact .contact-center .contbox .conttitle {
  display: none;
  font-weight: bold;
  line-height: 2;
}
.job-layer .block-mccontact .contact-center .contbox .contline {
  line-height: 2;
}
.job-layer .block-mccontact .contact-center .contbox .contline span {
  font-weight: bold;
}
.job-layer .block-mccontact .contact-center .contbox i {
  display: inline-block;
  width: 1.2vw;
  height: 1.2vw;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-mccontact .bg {
    height: 37vw;
  }
  .job-layer .block-mccontact .titlebox .text {
    padding: 0 5%;
  }
  .job-layer .block-mccontact .contact-region {
    padding: 3% 3% 0;
  }
  .job-layer .block-mccontact .contact-region li {
    font-size: 3.73vw;
  }
  .job-layer .block-mccontact .contact-center {
    padding: 15% 5% 5%;
  }
  .job-layer .block-mccontact .contact-center ul {
    gap: 4vw 0;
  }
  .job-layer .block-mccontact .contact-center li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  .job-layer .block-mccontact .contact-center li.flex-rev {
    flex-direction: row-reverse;
  }
  .job-layer .block-mccontact .contact-center li .picbox {
    width: 33%;
  }
  .job-layer .block-mccontact .contact-center li .picbox .pictext {
    display: none;
  }
  .job-layer .block-mccontact .contact-center li .contbox {
    width: 67%;
    padding: 0 0 0 2%;
  }
  .job-layer .block-mccontact .contact-center li .contbox::after {
    display: none;
  }
  .job-layer .block-mccontact .contact-center li .contbox .conttitle {
    display: block;
    line-height: unset;
  }
  .job-layer .block-mccontact .contact-center li .contbox .contline {
    line-height: 1.5;
  }
  .job-layer .block-mccontact .contact-center li .contbox .contline i {
    display: none;
  }
  .job-layer .block-mccontact .contact-center li .contbox i {
    width: 3.7vw;
    height: 3.7vw;
  }
}
.job-layer .banner-productdetail {
  width: 100%;
  height: auto;
  position: relative;
}
.job-layer .banner-productdetail .banner-bg {
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-productdetail .banner-bg {
    height: 56.25vw;
  }
  .job-layer .banner-productdetail .banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
  }
}
.job-layer .banner-productdetail .banner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.job-layer .banner-productdetail .banner-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .banner-productdetail .banner-titlebox .banner-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-productdetail .banner-titlebox .banner-entitle {
    font-size: 4vw;
  }
}
.job-layer .banner-productdetail .banner-titlebox .banner-title {
  color: #231f20;
  font-size: 2.5vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-productdetail .banner-titlebox .banner-title {
    font-size: 6.4vw;
  }
}
.job-layer .banner-productdetail .titlebox {
  position: absolute;
  width: 100%;
  top: 15%;
  text-align: center;
}
.job-layer .banner-productdetail .titlebox .title {
  display: inline-block;
  position: relative;
  font-size: 1.66666667vw;
  padding-bottom: 1.5%;
  color: #302f2b;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-productdetail .titlebox .title {
    font-size: 4.26666667vw;
  }
}
.job-layer .banner-productdetail .titlebox .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 20%;
  left: 50%;
  transform: translate(-50%, -1.5px);
  background-color: #302f2b;
}
.job-layer .banner-productdetail .titlebox .title2 {
  margin-top: 2%;
  font-size: 3.02083333vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-productdetail .titlebox .title2 {
    font-size: 5.6vw;
  }
}
.job-layer .banner-productdetail .titlebox .description {
  margin-top: 2%;
  font-size: 1.25vw;
  padding: 0 30%;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-productdetail .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.job-layer .banner-productdetail .titlepic {
  position: absolute;
  width: 60%;
  left: 20%;
  top: 60%;
  text-align: center;
  z-index: 1;
  transition: all 0.5s;
}
.job-layer .banner-productdetail .titlepic:hover {
  transform: scale(1.05);
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-productdetail .banner-bg {
    height: 75vw;
  }
  .job-layer .banner-productdetail .titlebox .title {
    padding-bottom: 3%;
  }
  .job-layer .banner-productdetail .titlebox .title::after {
    width: 40%;
  }
  .job-layer .banner-productdetail .titlebox .description {
    padding: 0 10%;
  }
  .job-layer .banner-productdetail .titlepic {
    width: 70%;
    left: 15%;
    top: 70%;
  }
}
.job-layer .block-productdetailmaterial {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  width: 100%;
  height: auto;
  position: relative;
  background-image: url("/images/pd-material-bg.jpg");
  background-position: left top;
}
.job-layer .block-productdetailmaterial .titlebox {
  padding: 15% 0 10%;
  left: 0;
  width: 100%;
  text-align: center;
}
.job-layer .block-productdetailmaterial .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailmaterial .titlebox .title {
    font-size: 5.6vw;
  }
}
.job-layer .block-productdetailmaterial .titlebox .title span {
  font-weight: bold;
}
.job-layer .block-productdetailmaterial .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailmaterial .titlebox .description {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailmaterial .titlebox {
    padding: 15% 0 15%;
  }
  .job-layer .block-productdetailmaterial .titlebox .title {
    padding: 0%;
  }
  .job-layer .block-productdetailmaterial .titlebox .description {
    padding: 2% 5%;
  }
}
.job-layer .block-productdetailquality {
  width: 100%;
  height: auto;
  display: none;
}
.job-layer .block-productdetailquality .cutNav {
  width: 100%;
  height: auto;
  background: #fff;
}
.job-layer .block-productdetailquality .cutNav ul {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.job-layer .block-productdetailquality .cutNav li {
  width: auto;
  height: auto;
  padding: 0 3%;
}
.job-layer .block-productdetailquality .cutNav li a {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25% 0;
  position: relative;
  box-sizing: border-box;
}
.job-layer .block-productdetailquality .cutNav li a::before {
  content: '';
  width: 0%;
  height: 2px;
  background: #45b93c;
  position: absolute;
  bottom: 0;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
  transition: all 0.5s;
}
.job-layer .block-productdetailquality .cutNav li.now a::before {
  width: 100%;
  opacity: 1;
}
.job-layer .block-productdetailquality .cutNav li a:hover::before {
  width: 100%;
  opacity: 1;
}
.job-layer .block-productdetailquality .cutNav li a .icon {
  width: 3vw;
  height: auto;
}
.job-layer .block-productdetailquality .cutNav li a .icon img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: 0.7;
  transition: all 0.5s;
}
.job-layer .block-productdetailquality .cutNav li.now a .icon img {
  filter: none;
  opacity: 1;
}
.job-layer .block-productdetailquality .cutNav li a:hover .icon img {
  filter: none;
  opacity: 1;
}
.job-layer .block-productdetailquality .cutNav li a .tit {
  font-size: 17px;
  line-height: 1;
  padding-top: 5%;
  box-sizing: border-box;
  color: #969495;
  transition: all 0.5s;
  text-align: center;
}
.job-layer .block-productdetailquality .cutNav li.now a .tit {
  color: #45b93c;
}
.job-layer .block-productdetailquality .cutNav li a:hover .tit {
  color: #45b93c;
}
.job-layer .block-productdetailquality .qualitybox {
  width: 100%;
  height: auto;
}
.job-layer .block-productdetailquality .qualitybox ul {
  width: 100%;
  height: auto;
}
.job-layer .block-productdetailquality .qualitybox li {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  display: none;
  z-index: 9;
}
.job-layer .block-productdetailquality .qualitybox li .qualitycont {
  width: 100%;
  padding: 5% 15%;
  height: auto;
  visibility: visible;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-name: fadeInUp;
}
.job-layer .block-productdetailquality .qualitybox li.now {
  display: block;
}
.job-layer .block-productdetailquality .qualitybox li .textcont {
  width: 100%;
  height: auto;
  padding: 0 10%;
  box-sizing: border-box;
}
.job-layer .block-productdetailquality .qualitybox li .textcont .title {
  font-size: 2.5vw;
  color: #090304;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailquality .qualitybox li .textcont .title {
    font-size: 6.4vw;
  }
}
.job-layer .block-productdetailquality .qualitybox li .textcont .title span {
  color: #45b93c;
}
.job-layer .block-productdetailquality .qualitybox li .textcont .tit1 {
  font-size: 1.5625vw;
  color: #c3c3c3;
  text-align: center;
  line-height: 2;
  padding: 1% 0;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailquality .qualitybox li .textcont .tit1 {
    font-size: 4vw;
  }
}
.job-layer .block-productdetailquality .qualitybox li .textcont .txt {
  font-size: 0.9375vw;
  color: #3a3536;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailquality .qualitybox li .textcont .txt {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-productdetailquality .qualitybox li .textcont .pic {
  width: 100%;
  height: auto;
  padding-top: 5%;
}
.job-layer .block-productdetailquality .qualitybox li .textcont .pic img {
  width: auto;
  margin: auto;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.job-layer .block-productdetailquality .qualitybox li .bceffect {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.job-layer .block-productdetailquality .qualitybox li .bceffect img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all 0.5s;
}
.job-layer .block-productdetailquality .qualitybox li:hover .bceffect img {
  transform: scale(1.1);
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailquality .cutNav li a {
    padding: 8% 0;
  }
  .job-layer .block-productdetailquality .cutNav li a .icon {
    width: 9vw;
  }
  .job-layer .block-productdetailquality .cutNav li a .tit {
    font-size: 13px;
  }
  .job-layer .block-productdetailquality .qualitybox li {
    animation-name: none;
    padding: 5%;
  }
  .job-layer .block-productdetailquality .qualitybox li .qualitycont {
    padding: 5% 5%;
  }
  .job-layer .block-productdetailquality .qualitybox li .textcont {
    padding: 0;
  }
  .job-layer .block-productdetailquality .qualitybox li .textcont .pic {
    padding: 5% 15% 0;
  }
  .job-layer .block-productdetailquality .qualitybox li .textcont .tit1 {
    line-height: 1.5;
  }
  .job-layer .block-productdetailquality .qualitybox li .bceffect {
    top: 81%;
  }
}
.job-layer .block-productdetailcert {
  width: 100%;
  height: auto;
  display: none;
  background: url("/images/pd-cert-bg.jpg") no-repeat left top / cover;
  padding: 7% 0;
}
.job-layer .block-productdetailcert .titlebox {
  width: 100%;
  text-align: center;
}
.job-layer .block-productdetailcert .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailcert .titlebox .title {
    font-size: 6.4vw;
  }
}
.job-layer .block-productdetailcert .titlebox .title span {
  font-weight: bold;
}
.job-layer .block-productdetailcert .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailcert .titlebox .description {
    font-size: 3.2vw;
  }
}
.job-layer .block-productdetailcert .certlist {
  margin-top: 2%;
  padding: 0 12%;
}
.job-layer .block-productdetailcert .certlist ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 3vw;
}
.job-layer .block-productdetailcert .certlist ul.flex-rev {
  flex-direction: row-reverse;
}
.job-layer .block-productdetailcert .certlist li .icon {
  box-shadow: 0 0 20px 5px #cbcbcb;
  transition: all 0.5s;
  width: 100%;
}
.job-layer .block-productdetailcert .certlist li:hover .icon {
  transform: translateY(-10%);
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailcert .titlebox .description {
    padding: 2% 5%;
    line-height: 1.5;
  }
  .job-layer .block-productdetailcert .certlist ul {
    flex-wrap: wrap;
  }
  .job-layer .block-productdetailcert .certlist li {
    width: 30%;
  }
}
.job-layer .block-productdetailstyle {
  width: 100%;
  height: auto;
  display: none;
  background-color: #f8f8f8;
}
.job-layer .block-productdetailstyle .titlebox {
  width: 100%;
  text-align: center;
  padding: 6% 0 3%;
}
.job-layer .block-productdetailstyle .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailstyle .titlebox .title {
    font-size: 6.4vw;
  }
}
.job-layer .block-productdetailstyle .titlebox .title span {
  font-weight: bold;
}
.job-layer .block-productdetailstyle .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailstyle .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-productdetailstyle .style-slide {
  position: relative;
  margin: 0% 8% 0;
}
.job-layer .block-productdetailstyle .style-slide .pic {
  width: 100%;
  height: auto;
}
.job-layer .block-productdetailstyle .style-slide .swiper-slide-prev,
.job-layer .block-productdetailstyle .style-slide .swiper-slide-next {
  position: relative;
}
.job-layer .block-productdetailstyle .style-slide .swiper-slide-prev::before,
.job-layer .block-productdetailstyle .style-slide .swiper-slide-next::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.job-layer .block-productdetailstyle .style-slide .style-button-prev,
.job-layer .block-productdetailstyle .style-slide .style-button-next {
  position: absolute;
  top: 0%;
  width: 30%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.job-layer .block-productdetailstyle .style-slide .style-button-prev .icon,
.job-layer .block-productdetailstyle .style-slide .style-button-next .icon {
  width: 20%;
  max-width: 100px;
}
.job-layer .block-productdetailstyle .style-slide .style-button-prev .micon,
.job-layer .block-productdetailstyle .style-slide .style-button-next .micon {
  width: 50%;
  padding: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
.job-layer .block-productdetailstyle .style-slide .style-button-prev {
  left: 0%;
}
.job-layer .block-productdetailstyle .style-slide .style-button-next {
  right: 0%;
}
.job-layer .block-productdetailstyle .swiper-pagination-custom li {
  padding: 2% 30% 8%;
  display: none;
  text-align: center;
  font-size: 1.25vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailstyle .swiper-pagination-custom li {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-productdetailstyle .swiper-pagination-custom li.now {
  display: block;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailstyle .titlebox .description {
    padding: 2% 5%;
    line-height: 1.5;
  }
  .job-layer .block-productdetailstyle .style-slide {
    margin: 3% 0 0;
  }
  .job-layer .block-productdetailstyle .style-slide .style-button-prev,
  .job-layer .block-productdetailstyle .style-slide .style-button-next {
    width: 20%;
  }
  .job-layer .block-productdetailstyle .style-slide .style-button-prev .icon,
  .job-layer .block-productdetailstyle .style-slide .style-button-next .icon {
    display: none;
  }
  .job-layer .block-productdetailstyle .style-slide .style-button-prev .micon,
  .job-layer .block-productdetailstyle .style-slide .style-button-next .micon {
    display: flex;
    flex-direction: row;
  }
  .job-layer .block-productdetailstyle .style-slide .style-button-prev .micon.flex-rev,
  .job-layer .block-productdetailstyle .style-slide .style-button-next .micon.flex-rev {
    flex-direction: row-reverse;
  }
  .job-layer .block-productdetailstyle .swiper-pagination-custom li {
    padding: 2% 5% 8%;
  }
}
.job-layer .block-productdetailcolor {
  position: relative;
  padding-bottom: 5%;
}
.job-layer .block-productdetailcolor .titlebox {
  width: 100%;
  text-align: center;
  background-color: #fff;
  padding: 6% 0 3%;
}
.job-layer .block-productdetailcolor .titlebox .title {
  font-size: 2.5vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailcolor .titlebox .title {
    font-size: 5.6vw;
  }
}
.job-layer .block-productdetailcolor .titlebox .title span {
  font-weight: bold;
}
.job-layer .block-productdetailcolor .titlebox .description {
  padding: 2% 30%;
  font-size: 1.25vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailcolor .titlebox .description {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-productdetailcolor .color-slide {
  position: relative;
  margin: 0 12%;
}
.job-layer .block-productdetailcolor .color-slide .pic {
  width: 100%;
  height: auto;
  border-radius: 7px;
}
.job-layer .block-productdetailcolor .color-slide .pic img {
  border-radius: 4px;
}
.job-layer .block-productdetailcolor .color-slide .swiper-pagination-custom {
  height: 4.5vw;
  margin: 0 auto;
  width: 100%;
  max-width: 41vw;
  margin-top: 4%;
  z-index: 10;
}
.job-layer .block-productdetailcolor .color-slide .swiper-pagination-custom ul {
  overflow-x: scroll;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.job-layer .block-productdetailcolor .color-slide .swiper-pagination-custom ul::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.job-layer .block-productdetailcolor .color-slide .swiper-pagination-custom li {
  flex-shrink: 0;
  width: 6vw;
  margin: 0 1%;
  border-radius: 6px;
  padding: 2px;
  border: 2px solid transparent;
}
.job-layer .block-productdetailcolor .color-slide .swiper-pagination-custom li.now {
  border: 2px solid #44b041;
}
.job-layer .block-productdetailcolor .color-button {
  position: absolute;
  width: 100%;
  display: flex;
  bottom: 14%;
  box-sizing: border-box;
  justify-content: space-between;
}
.job-layer .block-productdetailcolor .color-button .color-button-prev,
.job-layer .block-productdetailcolor .color-button .color-button-next {
  position: absolute;
  cursor: pointer;
  width: 10%;
  height: 100%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.job-layer .block-productdetailcolor .color-button .color-button-prev .icon,
.job-layer .block-productdetailcolor .color-button .color-button-next .icon {
  width: 40%;
}
.job-layer .block-productdetailcolor .color-button .color-button-prev {
  left: 12%;
}
.job-layer .block-productdetailcolor .color-button .color-button-next {
  right: 12%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-productdetailcolor {
    padding-bottom: 10%;
  }
  .job-layer .block-productdetailcolor .titlebox {
    padding: 15% 0 6%;
  }
  .job-layer .block-productdetailcolor .titlebox .description {
    padding: 2% 10%;
  }
  .job-layer .block-productdetailcolor .color-slide .swiper-pagination-custom {
    max-width: 39vw;
    height: 8vw;
  }
  .job-layer .block-productdetailcolor .color-slide .swiper-pagination-custom li {
    width: 12vw;
  }
  .job-layer .block-productdetailcolor .color-button {
    bottom: 16vw;
  }
  .job-layer .block-productdetailcolor .color-button .color-button-prev .icon,
  .job-layer .block-productdetailcolor .color-button .color-button-next .icon {
    width: 60%;
  }
}
.job-layer .block-respadvantage {
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.job-layer .block-respadvantage .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .block-respadvantage .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respadvantage .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.job-layer .block-respadvantage .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respadvantage .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.job-layer .block-respadvantage .list {
  margin: 3% 0;
}
.job-layer .block-respadvantage .list ul {
  display: flex;
  justify-content: space-between;
  padding: 0 35%;
}
.job-layer .block-respadvantage .list li {
  cursor: pointer;
  text-align: center;
  color: #adadad;
}
.job-layer .block-respadvantage .list li .num {
  display: inline-block;
  font-family: gilroy_bold;
  font-size: 2.08333333vw;
  padding-bottom: 3%;
  border-bottom: 3px solid #adadad;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respadvantage .list li .num {
    font-size: 5.33333333vw;
  }
}
.job-layer .block-respadvantage .list li .txt {
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respadvantage .list li .txt {
    font-size: 4vw;
  }
}
.job-layer .block-respadvantage .list li:hover,
.job-layer .block-respadvantage .list li.now {
  color: #44b041;
}
.job-layer .block-respadvantage .list li:hover .num,
.job-layer .block-respadvantage .list li.now .num {
  border-bottom: 3px solid #44b041;
}
.job-layer .block-respadvantage .piclist ul {
  margin: 0 8%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.job-layer .block-respadvantage .piclist ul.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respadvantage .piclist ul {
    flex-direction: column;
  }
  .job-layer .block-respadvantage .piclist ul.flex-rev {
    flex-direction: column-reverse;
  }
}
.job-layer .block-respadvantage .piclist li {
  flex: 1;
}
.job-layer .block-respadvantage .piclist li .imgbox {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.job-layer .block-respadvantage .piclist li .imgbox .imgcont {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #44b041;
  color: #fff;
  transition: all 0.5s;
}
.job-layer .block-respadvantage .piclist li .imgbox .contbox {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.job-layer .block-respadvantage .piclist li .imgbox .contbox .img {
  height: 4vw;
  max-height: 75px;
  width: auto;
  max-width: unset;
}
.job-layer .block-respadvantage .piclist li .imgbox .contbox .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.job-layer .block-respadvantage .piclist li .imgbox .contbox .tit {
  position: relative;
  margin-top: 2%;
  font-size: 1.5625vw;
  padding-bottom: 2%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respadvantage .piclist li .imgbox .contbox .tit {
    font-size: 4.66666667vw;
  }
}
.job-layer .block-respadvantage .piclist li .imgbox .contbox .tit::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 30%;
  height: 3px;
  background-color: #fff;
  left: 35%;
}
.job-layer .block-respadvantage .piclist li .imgbox .contbox .txt {
  margin-top: 2%;
  padding: 0 10%;
  font-size: 0.83333333vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respadvantage .piclist li .imgbox .contbox .txt {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respadvantage .list {
    margin: 4% 0 1%;
  }
  .job-layer .block-respadvantage .list ul {
    padding: 0 10%;
  }
  .job-layer .block-respadvantage .piclist ul {
    margin: 0;
  }
  .job-layer .block-respadvantage .piclist li {
    padding: 2.5% 5%;
  }
  .job-layer .block-respadvantage .piclist li .imgbox {
    min-height: 85vw;
  }
  .job-layer .block-respadvantage .piclist li .imgbox .imgcont {
    position: relative;
    box-sizing: border-box;
    padding: 10% 0;
  }
  .job-layer .block-respadvantage .piclist li .imgbox .imgcont .img {
    height: 12vw;
  }
  .job-layer .block-respadvantage .piclist li .imgbox .contbox .txt {
    padding: 0 5%;
  }
}
.job-layer .block-respcharity {
  background-color: #f5fcf6;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.job-layer .block-respcharity .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .block-respcharity .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respcharity .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.job-layer .block-respcharity .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respcharity .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.job-layer .block-respcharity .block-titlebox .block-subtitle {
  margin-top: 2%;
  color: #cacdca;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respcharity .block-titlebox .block-subtitle {
    font-size: 4vw;
  }
}
.job-layer .block-respcharity .charitylist {
  width: 100%;
  height: auto;
  margin: auto;
  overflow: hidden;
  padding: 5% 0 5% 12%;
}
.job-layer .block-respcharity .charitylist .scrollbox {
  width: 100%;
  height: auto;
  margin: auto;
  overflow-y: hidden;
  box-sizing: border-box;
  padding-bottom: 36px;
  overflow-x: scroll;
  align-items: center;
  display: flex;
}
.job-layer .block-respcharity .charitylist .scrollbox::-webkit-scrollbar {
  width: 10px;
  height: 6px;
}
.job-layer .block-respcharity .charitylist .scrollbox::-webkit-scrollbar-thumb {
  background-color: #45b93c;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
.job-layer .block-respcharity .charitylist .scrollbox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgb(0 0 0%);
  background: #cecdce;
}
.job-layer .block-respcharity .charitylist .scrollbox ul {
  display: flex;
}
.job-layer .block-respcharity .charitylist .scrollbox ul > * {
  display: block;
  flex-shrink: 0;
}
.job-layer .block-respcharity .charitylist .scrollbox li {
  width: 30vw;
  height: auto;
  display: inline-block;
  margin-right: 15px;
  position: relative;
}
.job-layer .block-respcharity .charitylist .scrollbox .cont {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 0.72916667vw;
  line-height: 1.5;
  padding: 2% 5%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respcharity .charitylist .scrollbox .cont {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respcharity .charitylist .scrollbox li {
    width: 60vw;
  }
}
.job-layer .block-respparty {
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.job-layer .block-respparty .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .block-respparty .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respparty .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.job-layer .block-respparty .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respparty .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.job-layer .block-respparty .block-titlebox .block-description {
  padding: 2% 20%;
  font-size: 1.04166667vw;
  color: #090304;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respparty .block-titlebox .block-description {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-respparty .partylist {
  padding: 2% 7% 5%;
}
.job-layer .block-respparty .partylist .imgbox {
  margin: 5%;
  padding-bottom: 10%;
}
.job-layer .block-respparty .partylist .imgbox .img {
  position: relative;
  width: 100%;
}
.job-layer .block-respparty .partylist .imgbox .img::before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 0;
  width: 100%;
  background-color: #44b041;
  transition: all 0.5s;
}
.job-layer .block-respparty .partylist .imgbox .cont .cont-tit {
  margin-top: 3%;
  line-height: 1.5;
  font-size: 1.25vw;
  font-weight: bold;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respparty .partylist .imgbox .cont .cont-tit {
    font-size: 4.53333333vw;
  }
}
.job-layer .block-respparty .partylist .imgbox .cont .cont-txt {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: #8f8e8e;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respparty .partylist .imgbox .cont .cont-txt {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-respparty .partylist .imgbox .cont .cont-date {
  margin-top: 2%;
  font-size: 0.83333333vw;
  color: #8f8e8e;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respparty .partylist .imgbox .cont .cont-date {
    font-size: 3.46666667vw;
  }
}
.job-layer .block-respparty .partylist .imgbox:hover .img::before {
  height: 10px;
}
.job-layer .block-respparty .partylist .imgbox:hover .cont-tit {
  color: #44b041;
}
.job-layer .block-respparty .partylist .imgbox:hover .cont-txt {
  color: #090304;
}
.job-layer .block-respparty .partylist .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.job-layer .block-respparty .partylist .swiper-pagination-bullet {
  width: 0.42vw;
  height: 0.42vw;
  margin: 0 0.42vw;
}
.job-layer .block-respparty .partylist .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.84vw;
  height: 0.84vw;
  background: #44b041;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respparty .partylist {
    padding: 5%;
  }
  .job-layer .block-respparty .partylist .swiper-pagination-bullet {
    width: 1.86vw;
    height: 1.86vw;
    margin: 0 1.86vw;
  }
  .job-layer .block-respparty .partylist .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 3.73vw;
    height: 3.73vw;
  }
  .job-layer .block-respparty .partylist .imgbox:hover .img::before {
    height: 5px;
  }
  .job-layer .block-respparty .partylist .imgbox .cont .cont-txt {
    margin-top: 0;
  }
}
@media screen and (max-width: 1000px) {
  .job-layer .block-respparty .block-titlebox .block-description {
    padding: 2% 5%;
  }
}
.job-layer .block-talentidea {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background: url('/images/talent-bg1.jpg') no-repeat left bottom;
  background-size: contain;
}
.job-layer .block-talentidea .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .block-talentidea .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentidea .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.job-layer .block-talentidea .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentidea .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.job-layer .block-talentidea .block-titlebox .block-description {
  margin-top: 1%;
  color: #cacdca;
  font-size: 1.5625vw;
}
.job-layer .block-talentidea .list {
  padding: 5% 11% 23%;
  text-align: center;
}
.job-layer .block-talentidea .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentidea .list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.job-layer .block-talentidea .list li {
  color: #090304;
  margin-top: 5%;
  transition: all 0.5s;
}
.job-layer .block-talentidea .list li .icon {
  height: 1.14583333vw;
  background: url('/images/icon-quote.png') no-repeat center center / 5%;
  opacity: 0;
  margin-bottom: 2%;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentidea .list li .icon {
    height: 2.93333333vw;
  }
}
.job-layer .block-talentidea .list li .tit {
  display: inline-block;
  font-size: 1.66666667vw;
  padding-bottom: 2%;
  border-bottom: 1px solid #b5b4b3;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentidea .list li .tit {
    font-size: 4.66666667vw;
  }
}
.job-layer .block-talentidea .list li .txt {
  padding-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentidea .list li .txt {
    font-size: 3.46666667vw;
  }
}
.job-layer .block-talentidea .list li:hover {
  color: #44b041;
}
.job-layer .block-talentidea .list li:hover .icon {
  opacity: 1;
}
.job-layer .block-talentidea .list li:hover .tit {
  border-bottom-color: #44b041;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentidea .list {
    padding: 5% 4% 23%;
  }
}
.job-layer .block-talentenviroment {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.job-layer .block-talentenviroment .block-titlebox .block-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentenviroment .block-titlebox .block-description {
    font-size: 4vw;
  }
}
.job-layer .block-talentenviroment .list {
  margin: 5% 8%;
  display: flex;
}
.job-layer .block-talentenviroment .list ul {
  flex: 1;
}
.job-layer .block-talentenviroment .list.grid1x2 ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.job-layer .block-talentenviroment .list.grid2x2 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.job-layer .block-talentenviroment .list.grid4x2 ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentenviroment .list.grid4x2 {
    flex-direction: column;
  }
  .job-layer .block-talentenviroment .list.grid4x2 ul:nth-child(2) {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}
.job-layer .block-talentenviroment .list.grid3x3 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.job-layer .block-talentenviroment .list.grid4x4 ul:nth-child(2) {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentenviroment .list.grid4x4 ul:nth-child(2) {
    flex-direction: column;
  }
  .job-layer .block-talentenviroment .list.grid4x4 ul:nth-child(2) ul:nth-child(2) {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 1fr);
  }
}
.job-layer .block-talentenviroment .list ul:nth-child(2) {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.job-layer .block-talentenviroment .list .pictext {
  color: #fff;
  text-align: center;
}
.job-layer .block-talentenviroment .list .pictext .cntitle {
  font-size: 1.45833333vw;
  font-weight: bold;
}
.job-layer .block-talentenviroment .list .pictext .entitle {
  font-size: 1.25vw;
}
.job-layer .block-talentenviroment .list ul:nth-child(2) .pictext .cntitle {
  font-size: 1.45833333vw;
}
.job-layer .block-talentenviroment .list ul:nth-child(2) .pictext .entitle {
  font-size: 1.25vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentenviroment .list {
    margin: 5% 0 0;
  }
}
.job-layer .block-talentgift {
  width: 100%;
  height: auto;
  position: relative;
  padding: 5% 0 0;
  overflow: hidden;
  background-image: url('/images/talent-bg2.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.job-layer .block-talentgift .block-titlebox .block-title {
  color: #fff;
}
.job-layer .block-talentgift .block-titlebox .block-subtitle {
  color: #fff;
  font-size: 1.5625vw;
  margin-top: 0%;
  opacity: 0.7;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentgift .block-titlebox .block-subtitle {
    font-size: 4.93333333vw;
  }
}
.job-layer .block-talentgift .giftlist {
  margin: 5% 12% 6%;
  box-shadow: 0 0 10px 2px #adadad;
}
.job-layer .block-talentgift .giftlist ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentgift .giftlist ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.job-layer .block-talentgift .giftlist .giftbox {
  padding: 10%;
  display: flex;
  flex-direction: column;
  color: #44b041;
  background-color: #fff;
  align-items: center;
  text-align: center;
}
.job-layer .block-talentgift .giftlist .giftbox.flex-rev {
  flex-direction: column-reverse;
}
.job-layer .block-talentgift .giftlist .giftbox .imgbox .img {
  width: 40%;
  max-width: 40px;
  display: inline-flex;
}
.job-layer .block-talentgift .giftlist .giftbox .imgbox .entitle {
  font-family: gilroy_regular;
  font-size: 0.83333333vw;
  text-transform: uppercase;
  padding: 20% 0 0;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentgift .giftlist .giftbox .imgbox .entitle {
    display: none;
  }
}
.job-layer .block-talentgift .giftlist .giftbox .imgbox .title {
  font-size: 1.35416667vw;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentgift .giftlist .giftbox .imgbox .title {
    font-size: 4.66666667vw;
  }
}
.job-layer .block-talentgift .giftlist .giftbox .descbox {
  padding: 4% 10% 0;
  font-size: 0.9375vw;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentgift .giftlist .giftbox .descbox {
    font-size: 3.46666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentgift .block-titlebox .block-subtitle {
    margin-top: 0%;
  }
  .job-layer .block-talentgift .giftlist {
    box-shadow: none;
  }
  .job-layer .block-talentgift .giftlist li {
    margin: 5% 0;
    box-shadow: 0 0 5px 2px #dddddd;
  }
  .job-layer .block-talentgift .giftlist .giftbox .descbox {
    padding: 0% 5%;
  }
}
.job-layer .block-talentworking {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.job-layer .block-talentworking .block-titlebox .block-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentworking .block-titlebox .block-description {
    font-size: 4vw;
  }
}
.job-layer .block-talentworking .list .pictextwrapper {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  padding: 7% 7%;
}
.job-layer .block-talentworking .list .pictextwrapper .pictextbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.job-layer .block-talentworking .list .pictextwrapper .pictextbox {
  width: 60%;
  height: auto;
  position: relative;
  z-index: 1;
}
.job-layer .block-talentworking .list .pictextwrapper .pictextbox .picbox {
  width: 80%;
  height: auto;
  transform: translate(66%, 0%);
  overflow: hidden;
}
.job-layer .block-talentworking .list .pictextwrapper .pictextbox .textbox {
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  padding: 5% 40% 5% 9%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.job-layer .block-talentworking .list .pictextwrapper.textbox-left {
  justify-content: flex-start;
}
.job-layer .block-talentworking .list .pictextwrapper.textbox-left .pictextbox {
  left: 5%;
}
.job-layer .block-talentworking .list .pictextwrapper.textbox-left .pictextbox .textbox {
  padding: 5% 40% 5% 9%;
}
.job-layer .block-talentworking .list .pictextwrapper.textbox-left .pictextbox .picbox {
  transform: translate(86%, 0);
}
.job-layer .block-talentworking .list .pictextwrapper.textbox-left.picbox-up .pictextbox .picbox {
  transform: translate(86%, -10%);
}
.job-layer .block-talentworking .list .pictextwrapper.textbox-left.picbox-down .pictextbox .picbox {
  transform: translate(86%, 10%);
}
.job-layer .block-talentworking .list .pictextwrapper.textbox-right {
  justify-content: flex-end;
}
.job-layer .block-talentworking .list .pictextwrapper.textbox-right .pictextbox {
  right: 5%;
}
.job-layer .block-talentworking .list .pictextwrapper.textbox-right .pictextbox .textbox {
  padding: 5% 9% 5% 40%;
}
.job-layer .block-talentworking .list .pictextwrapper.textbox-right .pictextbox .picbox {
  transform: translate(-66%, 0);
}
.job-layer .block-talentworking .list .pictextwrapper.textbox-right.picbox-up .pictextbox .picbox {
  transform: translate(-66%, -10%);
}
.job-layer .block-talentworking .list .pictextwrapper.textbox-right.picbox-down .pictextbox .picbox {
  transform: translate(-66%, 10%);
}
.job-layer .block-talentworking .list .pictextwrapper .sub-titlebox {
  align-self: flex-start;
  text-align: left;
}
.job-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-entitle {
  font-family: gilroy_bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #44b041;
  font-size: 0.9375vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-entitle {
    font-size: 3.2vw;
  }
}
.job-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
  color: #090304;
  font-size: 1.875vw;
  position: relative;
  padding-bottom: 0.5em;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    color: #44b041;
  }
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    font-size: 4.8vw;
  }
}
.job-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 50%;
  height: 0.2vw;
  bottom: 0;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
  transition: all 0.5s;
}
.job-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title:hover::after {
  width: 100%;
  height: 0.2vw;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
}
.job-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span {
  color: #44b041;
}
.job-layer .block-talentworking .list .pictextwrapper .sub-contentbox {
  font-size: 1.25vw;
  color: #5b5857;
  margin-top: 10%;
  align-self: flex-start;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentworking .list .pictextwrapper .sub-contentbox {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 1000px) {
  .job-layer .block-talentworking .list .pictextwrapper {
    padding: 0;
    margin: 5% 0;
  }
  .job-layer .block-talentworking .list .pictextwrapper .pictextbox {
    left: unset !important;
    right: unset !important;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }
  .job-layer .block-talentworking .list .pictextwrapper .pictextbox .picbox {
    transform: none !important;
    padding: 0 5% 5%;
    width: 100%;
    background: linear-gradient(#f9f9f9, #fff);
  }
  .job-layer .block-talentworking .list .pictextwrapper .pictextbox .textbox {
    position: static;
    padding: 8% 5% 5% 5% !important;
  }
  .job-layer .block-talentworking .list .pictextwrapper .sub-titlebox {
    align-self: center;
    text-align: center;
  }
  .job-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title {
    position: relative;
    padding-bottom: 0.5em;
    display: inline-block;
  }
  .job-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title::after {
    position: absolute;
    content: "";
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .job-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title:hover::after {
    width: 50%;
    height: 1px;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
  }
  .job-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span {
    position: relative;
    padding-bottom: 2%;
    display: inline-block;
  }
  .job-layer .block-talentworking .list .pictextwrapper .sub-titlebox .sub-title span::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    bottom: 0;
    left: 50%;
    background-color: #fff;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .job-layer .block-talentworking .list .pictextwrapper .sub-contentbox {
    margin-top: 5%;
    align-self: center;
  }
}
.job-layer .block-jobnotice {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fafafa;
}
.job-layer .block-jobnotice.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-jobnotice {
    flex-direction: column;
  }
  .job-layer .block-jobnotice.flex-rev {
    flex-direction: column-reverse;
  }
}
.job-layer .block-jobnotice .noticebox {
  flex: 3;
  padding: 5% 12%;
}
.job-layer .block-jobnotice .noticebox .sub-titlebox {
  font-size: 1.875vw;
  font-weight: bold;
  position: relative;
  padding-bottom: 2%;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-jobnotice .noticebox .sub-titlebox {
    font-size: 4.8vw;
  }
}
.job-layer .block-jobnotice .noticebox .sub-titlebox::after {
  position: absolute;
  content: "";
  width: 50%;
  height: 0.15vw;
  bottom: 0;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
  transition: all 0.5s;
}
.job-layer .block-jobnotice .noticebox .sub-titlebox:hover::after {
  width: 100%;
  height: 0.15vw;
  left: 0%;
  background-color: #44b041;
  transform: translateX(0%);
}
.job-layer .block-jobnotice .noticebox .sub-descbox {
  margin-top: 2%;
  font-size: 0.9375vw;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-jobnotice .noticebox .sub-descbox {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-jobnotice .noticebox .sub-descbox span {
  color: #44b041;
}
.job-layer .block-jobnotice .img {
  flex: 2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-jobnotice .noticebox {
    padding: 10% 12% 5% 12%;
  }
  .job-layer .block-jobnotice .noticebox .sub-titlebox {
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 3%;
    display: inline-block;
  }
  .job-layer .block-jobnotice .noticebox .sub-titlebox::after {
    position: absolute;
    content: "";
    width: 2em;
    height: 0.5vw;
    bottom: 0;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
    transition: all 0.5s;
  }
  .job-layer .block-jobnotice .noticebox .sub-titlebox:hover::after {
    width: 2em;
    height: 0.5vw;
    left: 50%;
    background-color: #44b041;
    transform: translateX(-50%);
  }
  .job-layer .block-jobnotice .img {
    display: none;
  }
}
.job-layer .block-jobjob {
  width: 100%;
  height: auto;
  padding: 5% 12%;
  background-color: #f6f6f7;
}
.job-layer .block-jobjob .arealist {
  display: flex;
  flex-direction: row;
}
.job-layer .block-jobjob .arealist.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-jobjob .arealist {
    flex-direction: column;
  }
  .job-layer .block-jobjob .arealist.flex-rev {
    flex-direction: column-reverse;
  }
}
.job-layer .block-jobjob .arealist .area-title {
  font-size: 1.14583333vw;
  color: #44b041;
  padding-right: 5%;
  border-right: 1px solid #d1d1d2;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-jobjob .arealist .area-title {
    font-size: 5.06666667vw;
  }
}
.job-layer .block-jobjob .arealist ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 5%;
}
.job-layer .block-jobjob .arealist ul.flex-rev {
  flex-direction: row-reverse;
}
.job-layer .block-jobjob .arealist li {
  margin-right: 15%;
}
.job-layer .block-jobjob .arealist li.now .areabox .area-name,
.job-layer .block-jobjob .arealist li:hover .areabox .area-name {
  color: #44b041;
}
.job-layer .block-jobjob .arealist li.now .areabox .area-job,
.job-layer .block-jobjob .arealist li:hover .areabox .area-job {
  background-color: #44b041;
  color: #fff;
}
.job-layer .block-jobjob .arealist .areabox {
  display: block;
  position: relative;
}
.job-layer .block-jobjob .arealist .areabox .area-name {
  color: #767676;
  white-space: nowrap;
  padding: 0 0.5em;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-jobjob .arealist .areabox .area-name {
    font-size: 4vw;
  }
}
.job-layer .block-jobjob .arealist .areabox .area-job {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 1000vw;
  padding: 0 0.3645833333333333vw;
  background-color: #767676;
  color: #fff;
  transform: translate(50%, -50%);
  font-size: 0.72916667vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-jobjob .arealist .areabox .area-job {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-jobjob .joblist ul {
  width: 100%;
  padding: 5% 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-jobjob .joblist ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.job-layer .block-jobjob .joblist .jobbox {
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  padding: 5%;
  transition: all 0.5s;
}
.job-layer .block-jobjob .joblist .jobbox:hover {
  box-shadow: 0 0 10px 4px rgba(69, 185, 60, 0.3), inset 0 -3px 0 0 #44b041;
  transform: translateY(-10%);
}
.job-layer .block-jobjob .joblist .jobbox .job-titlebox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 3%;
  border-bottom: 1px solid #efefef;
}
.job-layer .block-jobjob .joblist .jobbox .job-titlebox.flex-rev {
  flex-direction: row-reverse;
}
.job-layer .block-jobjob .joblist .jobbox .job-title {
  font-size: 1.5625vw;
  color: #090304;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-jobjob .joblist .jobbox .job-title {
    font-size: 4vw;
  }
}
.job-layer .block-jobjob .joblist .jobbox .job-area {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.83333333vw;
}
.job-layer .block-jobjob .joblist .jobbox .job-area.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-jobjob .joblist .jobbox .job-area {
    font-size: 3.2vw;
  }
}
.job-layer .block-jobjob .joblist .jobbox .job-area .marker {
  display: block;
  width: 1em;
  height: 1em;
  max-width: 15px;
  max-height: 17px;
  background: url(/images/mc-mark.png) no-repeat center;
  background-size: contain;
}
.job-layer .block-jobjob .joblist .jobbox .job-area .text {
  font-size: 0.83333333vw;
  color: #5b5857;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-jobjob .joblist .jobbox .job-area .text {
    font-size: 3.2vw;
  }
}
.job-layer .block-jobjob .joblist .jobbox .job-request {
  margin-top: 3%;
  font-size: 0.83333333vw;
  color: #5b5857;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-jobjob .joblist .jobbox .job-request {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-jobjob .joblist .jobbox .job-request.flex-rev {
  flex-direction: row-reverse;
}
.job-layer .block-jobjob .joblist .jobbox .job-request span {
  height: auto;
  width: 1px;
  background-color: #efefef;
  margin: 0 5%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-jobjob {
    padding: 5% 5%;
    background-color: #fff;
  }
  .job-layer .block-jobjob .arealist .area-title {
    padding-right: 0%;
    text-align: center;
    border-right: 0;
    display: none;
  }
  .job-layer .block-jobjob .arealist ul {
    flex-wrap: wrap;
    margin: 5% 0% 0%;
  }
  .job-layer .block-jobjob .arealist li {
    margin: 2.5%;
  }
  .job-layer .block-jobjob .arealist li.now .areabox,
  .job-layer .block-jobjob .arealist li:hover .areabox {
    box-sizing: border-box;
    background-color: #daf1d8;
  }
  .job-layer .block-jobjob .arealist li.now .areabox .area-name,
  .job-layer .block-jobjob .arealist li:hover .areabox .area-name {
    color: #44b041;
  }
  .job-layer .block-jobjob .arealist li.now .areabox .area-job,
  .job-layer .block-jobjob .arealist li:hover .areabox .area-job {
    background-color: #44b041;
  }
  .job-layer .block-jobjob .arealist .areabox {
    background-color: #f5f5f5;
    border-radius: 0.05rem;
  }
  .job-layer .block-jobjob .arealist .areabox .area-name {
    padding: 0.5em 0.75em;
    color: #7c7e80;
  }
  .job-layer .block-jobjob .arealist .areabox .area-job {
    background-color: #7c7e80;
    color: #fff;
    box-sizing: border-box;
    line-height: 1.5;
    padding: 0 1.666666666666667vw;
  }
}
.job-layer .banner-contact .map-container {
  width: 100vw;
  height: 56.25vw;
  position: relative;
}
.job-layer .banner-contact .map-container .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 9%;
  background: linear-gradient(to bottom, #fff 0%, #fff 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.job-layer .banner-contact .map-container .map-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-contact .bg {
    height: 50px;
  }
}
.job-layer .block-contactfindus {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.job-layer .block-contactfindus .main-titlebox {
  text-align: center;
}
.job-layer .block-contactfindus .main-titlebox .main-entitle {
  font-family: gilroy_bold;
  letter-spacing: 0.2em;
  font-size: 1.5625vw;
  text-transform: uppercase;
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactfindus .main-titlebox .main-entitle {
    font-size: 4vw;
  }
}
.job-layer .block-contactfindus .main-titlebox .main-title {
  color: #090304;
  font-size: 2.5vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactfindus .main-titlebox .main-title {
    font-size: 6.4vw;
  }
}
.job-layer .block-contactfindus .main-titlebox .main-description {
  margin-top: 1%;
  color: #adadad;
  font-size: 1.5625vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactfindus .main-titlebox .main-description {
    font-size: 4vw;
  }
}
.job-layer .block-contactfindus .list {
  padding: 5% 12%;
}
.job-layer .block-contactfindus .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactfindus .list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.job-layer .block-contactfindus .list li {
  padding: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.job-layer .block-contactfindus .list li.flex-rev {
  flex-direction: column-reverse;
}
.job-layer .block-contactfindus .list li:hover .icon {
  filter: invert(49%) sepia(26%) saturate(4662%) hue-rotate(85deg) brightness(118%) contrast(52%);
}
.job-layer .block-contactfindus .list li:hover .tit,
.job-layer .block-contactfindus .list li:hover .txt {
  color: #44b041;
}
.job-layer .block-contactfindus .list .icon {
  width: 15%;
}
.job-layer .block-contactfindus .list .tit {
  margin: 3% 0;
  color: #090304;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactfindus .list .tit {
    font-size: 4.66666667vw;
  }
}
.job-layer .block-contactfindus .list .txt {
  text-align: center;
  color: #5b5857;
  font-size: 0.9375vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactfindus .list .txt {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-contactfindus .list .qrcode {
  width: 38%;
  border: 1px solid #eee;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactfindus .list {
    padding: 5%;
  }
  .job-layer .block-contactfindus .list .icon {
    width: 30%;
  }
  .job-layer .block-contactfindus .list .qrcode {
    width: 45%;
  }
}
.job-layer .block-contactsubsidiary {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 0 3.33vw;
  overflow: hidden;
  background-color: #f7f7f7;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.job-layer .block-contactsubsidiary .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .block-contactsubsidiary .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactsubsidiary .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.job-layer .block-contactsubsidiary .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactsubsidiary .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.job-layer .block-contactsubsidiary .list {
  padding: 5% 5% 0;
}
.job-layer .block-contactsubsidiary .list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactsubsidiary .list ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.job-layer .block-contactsubsidiary .list li {
  margin: 5%;
}
.job-layer .block-contactsubsidiary .list li:nth-of-type(3n) .subsidiarybox {
  border-right: none;
}
.job-layer .block-contactsubsidiary .list .subsidiarybox {
  padding: 0 8.75%;
  margin: 5% 0;
  border-right: 1px solid #eaeaea;
  cursor: pointer;
}
.job-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 3%;
}
.job-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox.flex-rev {
  flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
    flex-direction: row;
  }
  .job-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox.flex-rev {
    flex-direction: row-reverse;
  }
}
.job-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title {
  transition: all 0.5s;
  font-size: 1.25vw;
  font-weight: bold;
  color: #090304;
  position: relative;
  padding-bottom: 0.75em;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title {
    font-size: 4vw;
  }
}
.job-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0%;
  background-color: #d2d2d2;
  transform: translateX(0%);
  transition: all 0.5s;
}
.job-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
  font-size: 1.25vw;
  color: #5b5857;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 1001px) {
  .job-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area {
    display: none;
  }
}
.job-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-area i {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
.job-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox {
  transition: all 0.5s;
  font-size: 0.83333333vw;
  line-height: 1.5;
  color: #484848;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox {
    font-size: 3.73333333vw;
  }
}
.job-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox p {
  margin: 2% 0;
  line-height: 1.5;
}
.job-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox i {
  display: inline-block;
  width: 0.8333333333333334vw;
  height: 0.8333333333333334vw;
  margin-left: 1%;
  background: url('/images/mc-mark.png') no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactsubsidiary .list .subsidiarybox .sub-descbox i {
    display: none;
  }
}
.job-layer .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-title {
  color: #45b93c;
  position: relative;
  padding-bottom: 0.75em;
  display: inline-block;
}
.job-layer .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0%;
  background-color: #45b93c;
  transform: translateX(0%);
  transition: all 0.5s;
}
.job-layer .block-contactsubsidiary .list .subsidiarybox:hover .sub-titlebox .sub-area {
  color: #45b93c;
}
.job-layer .block-contactsubsidiary .list .subsidiarybox:hover .sub-descbox {
  color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactsubsidiary .list li {
    background: #fff;
    margin: 2.5% 0;
    border-right: 0;
  }
  .job-layer .block-contactsubsidiary .list .subsidiarybox {
    padding: 0 5%;
    border-right: 0;
  }
  .job-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox {
    padding: 0;
    border-bottom: 1px solid #eee;
  }
  .job-layer .block-contactsubsidiary .list .subsidiarybox .sub-titlebox .sub-title::after {
    display: none;
  }
}
.job-layer .block-contactservice {
  width: 100%;
  height: auto;
  position: relative;
  padding: 6.67vw 15% 3.33vw;
  overflow: hidden;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.job-layer .block-contactservice .block-titlebox {
  width: 100%;
  height: auto;
  text-align: center;
}
.job-layer .block-contactservice .block-titlebox .block-entitle {
  font-family: gilroy_bold;
  color: #44b041;
  font-size: 1.5625vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactservice .block-titlebox .block-entitle {
    font-size: 4vw;
  }
}
.job-layer .block-contactservice .block-titlebox .block-title {
  font-size: 2.5vw;
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactservice .block-titlebox .block-title {
    font-size: 6.4vw;
  }
}
.job-layer .block-contactservice .list {
  padding: 5% 8%;
}
.job-layer .block-contactservice .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.job-layer .block-contactservice .list li {
  width: 100%;
}
.job-layer .block-contactservice .list li:not(:last-child) {
  border-right: 1px solid #e6e6e6;
}
.job-layer .block-contactservice .list .iconbox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.job-layer .block-contactservice .list .iconbox.flex-rev {
  flex-direction: column-reverse;
}
.job-layer .block-contactservice .list .iconbox .icon {
  width: 15%;
}
.job-layer .block-contactservice .list .iconbox .title {
  margin: 3% 0;
  color: #090304;
  font-size: 1.14583333vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactservice .list .iconbox .title {
    font-size: 3.46666667vw;
  }
}
.job-layer .block-contactservice .messageform {
  display: flex;
  flex-direction: column;
}
.job-layer .block-contactservice .messageform.flex-rev {
  flex-direction: column-reverse;
}
.job-layer .block-contactservice .messageform ul {
  display: flex;
  flex-direction: row;
  padding: 0 5%;
  justify-content: space-between;
}
.job-layer .block-contactservice .messageform ul.flex-rev {
  flex-direction: row-reverse;
}
.job-layer .block-contactservice .messageform li {
  width: 100%;
  padding: 1.5% 2%;
}
.job-layer .block-contactservice .messageform li input {
  border: 1px solid #d6d6d6;
  width: 100%;
  font-size: 1.14583333vw;
  padding: 3% 5%;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactservice .messageform li input {
    font-size: 2.93333333vw;
  }
}
.job-layer .block-contactservice .messageform li input::placeholder {
  color: #090304;
}
.job-layer .block-contactservice .messageform li select {
  width: 100%;
  padding: 3% 5%;
  border: 1px solid #d6d6d6;
  font-size: 1.14583333vw;
  background: url("/images/icon-select-down.png") no-repeat 95% center #fff;
  background-size: 3%;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactservice .messageform li select {
    font-size: 2.93333333vw;
  }
}
.job-layer .block-contactservice .messageform li textarea {
  width: 100%;
  font-size: 1.14583333vw;
  padding: 1% 2.5%;
  height: 16vw;
  border: 1px solid #d6d6d6;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactservice .messageform li textarea {
    font-size: 2.93333333vw;
  }
}
.job-layer .block-contactservice .messageform li button {
  appearance: none;
  border: 0;
  width: 100%;
  font-size: 1.45833333vw;
  line-height: 2.5;
  background-color: #44b041;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactservice .messageform li button {
    font-size: 4.8vw;
  }
}
.job-layer .block-contactservice .messageform input:hover,
.job-layer .block-contactservice .messageform select:hover,
.job-layer .block-contactservice .messageform textarea:hover {
  border: 1px solid #44b041;
}
.job-layer .block-contactservice .messageform button:hover {
  background-color: #45b93c;
}
@media screen and (max-width: 1000px) {
  .job-layer .block-contactservice {
    padding: 5% 0;
  }
  .job-layer .block-contactservice .list {
    padding: 5%;
  }
  .job-layer .block-contactservice .list li:not(:last-child) {
    border-right: 0;
  }
  .job-layer .block-contactservice .list .iconbox .icon {
    width: 40%;
  }
}
.job-layer .banner-searchbox {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0% 26%;
  align-self: flex-start;
}
.job-layer .banner-searchbox .searchbox {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #c3c3c3;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
.job-layer .banner-searchbox .searchbox .search-icon {
  width: 5%;
  max-width: 25px;
  margin: 0 2%;
  transition: all 0.5s;
}
.job-layer .banner-searchbox .searchbox .search-icon img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.job-layer .banner-searchbox .searchbox input#searchq {
  width: 100%;
  font-size: 1.45833333vw;
  color: #484848;
  background: transparent;
  padding: 2% 10% 2% 0;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-searchbox .searchbox input#searchq {
    font-size: 5.33333333vw;
  }
}
.job-layer .banner-searchbox .searchbox input#searchq::-weblit-input-placeholder {
  color: #8b8a8a;
}
.job-layer .banner-searchbox .searchbox input.buttonsearch {
  display: block;
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0 2% 0 0;
  background-color: transparent;
  font-size: 1.45833333vw;
  white-space: nowrap;
  transition: all 0.5s;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-searchbox .searchbox input.buttonsearch {
    font-size: 5.33333333vw;
  }
}
.job-layer .banner-searchbox .searchbox:hover {
  border-bottom: 1px solid #44b041;
}
.job-layer .banner-searchbox .searchbox:hover .search-icon {
  filter: invert(49%) sepia(73%) saturate(466%) hue-rotate(70deg) brightness(102%) contrast(82%);
}
.job-layer .banner-searchbox .searchbox:hover .buttonsearch {
  color: #44b041;
}
.job-layer .banner-searchbox .result {
  font-size: 1.14583333vw;
  color: #868686;
  padding-top: 1%;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-searchbox .result {
    font-size: 4.26666667vw;
  }
}
.job-layer .banner-searchbox .result span {
  color: #44b041;
}
@media screen and (max-width: 1000px) {
  .job-layer .banner-searchbox {
    padding: 0% 9%;
  }
  .job-layer .banner-searchbox .searchbox .search-icon {
    width: 10%;
  }
}
.job-layer .layerbox {
  display: flex;
  flex-direction: column;
}
.job-layer .layerbox.flex-rev {
  flex-direction: column-reverse;
}
.job-layer .layerbox .job-titlebox {
  padding: 3% 5% 3% 3%;
  background-color: #eff2f6;
}
.job-layer .layerbox .job-titlebox .job-title {
  font-size: 2.2675737vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .layerbox .job-titlebox .job-title {
    font-size: 5.04322767vw;
  }
}
.job-layer .layerbox .job-titlebox .job-desc {
  margin-top: 3%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 1.20937264vw;
}
.job-layer .layerbox .job-titlebox .job-desc.flex-rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .job-layer .layerbox .job-titlebox .job-desc {
    font-size: 4.03458213vw;
  }
}
.job-layer .layerbox .job-titlebox .job-desc span {
  color: #090304;
  padding: 0 2%;
  line-height: 1.75;
}
.job-layer .layerbox .job-titlebox .job-desc em {
  color: #adadad;
}
.job-layer .layerbox .job-descwrapper {
  height: 200px;
  margin: 3% 5%;
  overflow-y: scroll;
}
.job-layer .layerbox .job-descwrapper::-webkit-scrollbar {
  width: 4px;
}
.job-layer .layerbox .job-descwrapper::-webkit-scrollbar-track {
  width: 40px;
  border-radius: 40px;
  background-color: #e6e6e6;
}
.job-layer .layerbox .job-descwrapper::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: #45b93c;
}
.job-layer .layerbox .job-descwrapper .job-desc .desc-title {
  font-size: 1.36054422vw;
  font-weight: bold;
  margin-top: 2%;
  padding-left: 3%;
  border-left: 0.2em solid #44b041;
}
@media screen and (max-width: 1000px) {
  .job-layer .layerbox .job-descwrapper .job-desc .desc-title {
    font-size: 5.04322767vw;
  }
}
.job-layer .layerbox .job-descwrapper .job-desc .desc-text {
  margin-top: 2%;
  line-height: 2;
  font-size: 1.36054422vw;
}
@media screen and (max-width: 1000px) {
  .job-layer .layerbox .job-descwrapper .job-desc .desc-text {
    font-size: 4.03458213vw;
  }
}
.job-layer .close {
  position: absolute;
  width: 2.5%;
  right: 2%;
  top: 5%;
  transition: all 0.5s;
}
.job-layer .close:hover {
  transform: rotate(90deg);
}
@media screen and (max-width: 700px) {
  .job-layer .close {
    display: none;
  }
}
.coop-layer {
  width: 100%;
  height: auto;
}
.coop-layer .layerbox .titlebox {
  font-size: 2.5vw;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  padding: 3% 0;
}
.coop-layer .layerbox .coopratemessage {
  display: flex;
  flex-direction: column;
  padding-bottom: 3%;
}
.coop-layer .layerbox .coopratemessage.flex-rev {
  flex-direction: column-reverse;
}
.coop-layer .layerbox .coopratemessage ul {
  display: flex;
  flex-direction: row;
  padding: 0 5%;
  justify-content: space-between;
}
.coop-layer .layerbox .coopratemessage ul.flex-rev {
  flex-direction: row-reverse;
}
.coop-layer .layerbox .coopratemessage li {
  width: 100%;
  padding: 1%;
}
.coop-layer .layerbox .coopratemessage li input {
  border: 1px solid #d6d6d6;
  width: 100%;
  font-size: 1.5vw;
  padding: 0.8em 1.2em;
  box-sizing: border-box;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
.coop-layer .layerbox .coopratemessage li input::placeholder {
  color: #090304;
}
.coop-layer .layerbox .coopratemessage li select {
  width: 100%;
  padding: 0.8em 1.2em;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  font-size: 1.5vw;
  background: url("/images/icon-select-down.png") no-repeat 95% center #fff;
  background-size: 3%;
  transition: all 0.5s;
  color: #090304;
  border-radius: 0%;
}
.coop-layer .layerbox .coopratemessage li textarea {
  width: 100%;
  font-size: 1.5vw;
  box-sizing: border-box;
  padding: 0.8em 1.2em;
  height: 16vw;
  border: 1px solid #d6d6d6;
  transition: all 0.5s;
  border-radius: 0%;
  color: #090304;
}
.coop-layer .layerbox .coopratemessage li textarea::placeholder {
  color: #090304;
}
.coop-layer .layerbox .coopratemessage li button {
  appearance: none;
  border: 0;
  width: 100%;
  font-size: 1.5vw;
  line-height: 2.5;
  box-sizing: border-box;
  background-color: #44b041;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s;
}
.coop-layer .layerbox .coopratemessage input:hover,
.coop-layer .layerbox .coopratemessage select:hover,
.coop-layer .layerbox .coopratemessage textarea:hover {
  border: 1px solid #44b041;
}
.coop-layer .layerbox .coopratemessage button:hover {
  background-color: #45b93c;
}
.coop-layer .close {
  position: absolute;
  width: 2.5%;
  right: 2%;
  top: 5%;
  transition: all 0.5s;
  cursor: pointer;
}
.coop-layer .close:hover {
  transform: rotate(90deg);
}
@media screen and (max-width: 480px) {
  .coop-layer .layerbox .titlebox {
    font-size: 6.4vw;
    padding: 4% 0;
  }
  .coop-layer .layerbox .coopratemessage {
    padding-bottom: 4%;
  }
  .coop-layer .layerbox .coopratemessage ul {
    display: flex;
    flex-direction: column;
  }
  .coop-layer .layerbox .coopratemessage ul.flex-rev {
    flex-direction: column-reverse;
  }
  .coop-layer .layerbox .coopratemessage ul:nth-child(2) {
    display: flex;
    flex-direction: row;
  }
  .coop-layer .layerbox .coopratemessage ul:nth-child(2).flex-rev {
    flex-direction: row-reverse;
  }
  .coop-layer .layerbox .coopratemessage ul:nth-child(2) li select {
    background-size: 6%;
  }
  .coop-layer .layerbox .coopratemessage ul:nth-child(2) li:first-child {
    padding: 2% 4% 2% 0%;
  }
  .coop-layer .layerbox .coopratemessage li {
    padding: 2% 0;
  }
  .coop-layer .layerbox .coopratemessage li input {
    font-size: 4vw;
  }
  .coop-layer .layerbox .coopratemessage li select {
    font-size: 4vw;
  }
  .coop-layer .layerbox .coopratemessage li textarea {
    font-size: 4vw;
    height: 24vw;
  }
  .coop-layer .layerbox .coopratemessage li button {
    font-size: 4vw;
  }
  .coop-layer .close {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .coop-layer .close {
    display: none;
  }
}
@media screen and (max-width: 1100px) {
  .layui-layer-iframe {
    overflow-y: initial !important;
  }
}
.mapBox {
  width: 100vw !important;
  height: 100vh !important;
}
@media screen and (max-width: 700px) {
  .mapBox .iw_poi_title {
    font-size: 4.5vw;
  }
  .mapBox .iw_poi_content {
    font-size: 4vw;
  }
}
<!--0.00072097778320312-->