/* tou */
#ven {
  width: 100%;
  margin: auto;
  transition: all 0.5s ease;
  background: #FFF !important;
}

.ventricle {
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1) !important;
}

.hea_box {
  display: flex;
  justify-content: space-between;
}

.ven1_a {
  display: flex;
  width: max-content;
  position: relative;
  align-items: center;
}

.ven1_loim {
  padding: 29.61px 0;
}

.ven1_loim img {
  width: 220px;
  max-width: 100%;
  transition: all 0.5s ease;
}

.ven2 {
  display: flex;
  align-items: center;
}

.ven2_lis {
  height: 100%;
}

.ven2_u {
  display: flex;
  align-items: center;
  height: 100%;
}

.ven2_l {
  margin-right: 2.1vw;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.ven2_lsa {
  height: 100%;
  position: relative;
}

.ven2_la {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.ven2_la span {
  color: #000;
  font-family: harMe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.22);
  letter-spacing: 1.08px;
  text-transform: uppercase;
  --size: 1px;
  --color: #000;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size, color, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

/* .ven2_la:hover span {
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
}

.ven2_l.on .ven2_la span {
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
} */

/*  */
/*  */
.ven_sehinp {
  position: absolute;
  right: 0;
  top: 260%;
  transform: translateY(-50%);
  z-index: 12;
  pointer-events: none;
  opacity: 0;
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
}

.ven_sehinp.on {
  pointer-events: auto;
  opacity: 1;
}

.ven_sehinp>i {
  display: block;
  color: #000;
  margin-left: 12px;
  transform: rotate(45deg);
  transition: all 0.3s ease;
  cursor: pointer;
  font-size: 20px;
  font-weight: 200;
}

.ven_sehinp>i:hover {
  transform: rotate(225deg);
}

.ven_sehfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 50px;
  border: 0.5px solid #999;
  width: 414px;
  padding: 8px 16px;
  background: #FFF;
}

.ven_sehfo input {
  width: 86%;
  background: transparent;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.22);
  letter-spacing: 1.08px;
  transition: all 0.3s ease;
  color: #004080;
  font-style: normal;
  line-height: calc(var(--zj-venlana) * 1.75);
}

.ven_sehfo input::-webkit-input-placeholder {
  color: #999;
}

.ven_sehfo input:-moz-placeholder {
  color: #999;
}

.ven_sehfo input::-moz-placeholder {
  color: #999;
}

.ven_sehfo input:-ms-input-placeholder {
  color: #999;
}

@media (max-width: 1536px) {
  .ven_sehinp {
    top: 252%;
  }

  .ven2_la span {
    font-size: 18px !important;
  }

  .ven_language>a {
    font-size: 18px !important;
  }

  .ven2_lera span {
    font-size: 14px !important;
  }

  .ven_languagesecbox>a span {
    font-size: 14px !important;
  }
}

@media (max-width: 1199.9px) {
  .ven2_la span {
    font-size: var(--zj-ven2_la) !important;
  }

  .ven_language>a {
    font-size: var(--zj-ven2_la) !important;
  }

  .ven2_lera span {
    font-size: calc(var(--zj-ven2_la) - 3px) !important;
  }

  .ven_languagesecbox>a span {
    font-size: calc(var(--zj-ven2_la) - 3px) !important;
  }
}

@media (max-width: 992px) {
  .ven_sehfo {
    width: 300px;
    padding: 5px 12px;
  }
}

@media (max-width: 499px) {
  .ven_sehfo {
    width: 214px;
    padding: 6px 12px;
  }

  .ven_sehinp {
    top: 214%;
    right: -95px;
  }

  ven_sehinp>i {
    font-size: 16px;
  }
}

/*  */
.ven2_1 {
  display: flex;
  align-items: center;
}

.ven_car {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.ven_car>p,
.ven_car>span {
  color: #000;
  font-family: manMe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.5);
  letter-spacing: -0.54px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.ven_car:hover>p {
  color: #149496;
}

.ven_car>span {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  font-size: 14px;
  left: 12px;
  top: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #149496;
}

.ven_car>i {
  font-size: var(--zj-ven_car);
  margin-right: 6px;
  color: #000000;
  transition: all 0.3s ease;
}

.ven_car:hover>i {
  color: #149496;
}

.ven_seh {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: 0 0 auto;
  position: relative;
}

.vensesv>i {
  font-size: 20px;
  color: #000000;
  transition: all 0.5s ease;
}

.ven_language {
  position: relative;
  margin-left: 40px;
}

.ven_language>a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-family: harMe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.08px;
  text-transform: uppercase;
}

.ven_language>a i {
  font-size: 9px;
  color: #000000;
  margin-left: 6px;
}

.ven_languagesec {
  position: absolute;
  width: max-content;
  left: 50%;
  transform: translateX(-50%);
  top: 50px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 1px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s ease;
}

.ven_language:hover .ven_languagesec {
  max-height: 400px;
  opacity: 1;
  overflow: visible;
}

.ven_languagesecbox {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 1px;
  padding: 10px 12px;
}

.ven_languagesecbox>a {
  display: block;
  padding: 4px 0;
}

.ven_languagesecbox>a span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-family: harMe;
  font-size: calc(var(--zj-ven2_la) - 3px);
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.08px;
  text-transform: uppercase;
}

@media (max-width: 1536px) {
  .ven1_loim {
    padding: 28px 0;
  }

  .ven1_loim img {
    width: 180px;
  }

  .ven2_l {
    margin-right: 1.8vw;
  }

  .ven_language {
    margin-left: 20px;
  }

  .ven_languagesec {
    top: 46px;
  }
}

@media (max-width: 1199.9px) {
  #ven {
    top: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
    border: 1px solid #ffffff00 !important;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1) !important;
  }

  .ven2_lis {
    display: none;
  }
}

@media (max-width: 499px) {
  .hea_box {
    padding: 0;
    width: 92%;
    margin: auto;
  }

  .ven1_loim img {
    width: 160px;
  }

  .venlana>img {
    margin-right: 4px;
  }

  .venlana>p {
    margin-right: 4px;
  }

  .vensesv>i {
    font-size: 18px;
  }

  .ven_car {
    padding: 2px 3px;
  }

  .vensesv {
    margin-left: 8px;
    --w: 26px;
  }

  .ven2_1 .translate {
    padding-right: 0px;
  }

  .ven_line {
    margin: 0 8px;
  }

  .ven_car>p {
    display: none;
  }

  .ven_language {
    margin-left: 12px;
  }

  .ven1_loim {
    padding: 14px 0;
  }

  .ven_languagesec {
    top: 36px;
  }
}

/*  */
#venPho {
  display: none;
}

#venPho .venPhoSack {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 26px;
  height: 100%;
  margin-left: 12px;
}

#venPho .venPhoSack::before,
#venPho .venPhoSack::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
  background: #000;
  transition: all 0.5s;
}

#venPho .venPhoSack::before {
  margin-top: -7px;
}

#venPho .venPhoSack::after {
  margin-top: 7px;
}

#venPho .venPhoSack.on::before {
  margin-top: -3px;
  transform: translateY(50%) rotate(46deg);
  background: #000;
}

#venPho .venPhoSack.on::after {
  margin-top: -2px;
  transform: translateY(0%) rotate(-46deg);
  background: #000;
}

#venPho .venPhoSack span {
  height: 2px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  background: #000;
  transition: all 0.5s;
}

#venPho .venPhoSack.on span {
  opacity: 0 !important;
}

@media (max-width: 1199.9px) {
  #venPho {
    display: block;
  }
}

#venPhoSec {
  /* display: none; */
  position: fixed;
  right: -100%;
  opacity: 0;
  top: 76px;
  width: 100%;
  height: 100vh;
  background: #fff;
  transition: all 0.8s ease;
  /* animation-name: fadeInUp11t; */
  /* animation-duration: 0.8s; */
  z-index: 9999;
}

@keyframes fadeInUp11t {
  0% {
    opacity: 0;
    /* -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) */
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

#venPhoSec ul li .xiaopingsanji {
  display: flex;
  height: 45px;
  align-items: center;
}

#venPhoSec .menu_list li {
  border-bottom: 1px solid #33333330;
}

#venPhoSec .menu_list li .xiaopingsanji a {
  width: 100%;
}

#venPhoSec ul li i {
  /* color: #fff; */
  color: #333;
  padding-left: 15px;
  cursor: pointer;
}

#venPhoSec ul li i img {
  width: 20px;
}

.menu_head {
  height: 46px;
  line-height: 46px;
  /* padding: 0 38px; */
  /* margin: auto; */
  /* border-bottom: 1px solid #33333330; */
  display: flex;
  justify-content: space-between;
}

.menu_head a {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.22);
  letter-spacing: 1.08px;
  text-transform: uppercase;
  width: 100%;
  margin: auto;
  display: block;
  transition: all 0.3s ease;
}

.menu_head a:hover {
  color: #000;
}

.menu_head i {
  font-size: 14px;
}

/* .xiantiao>a {
  color: #149496;
} */

.menu_body {
  line-height: 38px;
  display: none;
  /* border-bottom: 1px solid #33333330; */
  margin-bottom: 10px;
}

.menu_body a {
  display: block;
  color: #000;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.22);
  letter-spacing: 1.08px;
  text-transform: uppercase;
  padding-left: 12px;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.5s ease;
}

.menu_body h2 {
  padding-left: 53px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  line-height: 28px;
}

/* .menu_body a:hover {
  color: #0F9F49;
} */

@media (max-width: 499px) {
  #venPhoSec {
    top: 48px;
  }

  #venPhoSec ul li .xiaopingsanji {
    height: 42px;
  }
}

/* houmjiade erji */
.ven2_ler {
  position: absolute;
  width: max-content;
  left: 50%;
  transform: translateX(-50%);
  top: 80px;
  box-shadow: rgba(146, 146, 146, 0.05) 0px 1px 1px 1px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s ease;
}

.ven2_lsa:hover .ven2_ler {
  max-height: 400px;
  opacity: 1;
  overflow: visible;
}

.ven2_lerbo {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 1px;
  padding: 10px 12px;
}

.ven2_lera {
  display: block;
  padding: 4px 0;
  margin: auto;
}

.ven2_lera span {
  text-align: center;
  color: #000;
  font-family: harMe;
  font-size: calc(var(--zj-ven2_la) - 3px);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.22);
  letter-spacing: 1.08px;
  /* text-transform: uppercase; */
  --size: 1px;
  --color: #000;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size, color, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

/* 
.ven2_lera:hover span {
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
} */

@media (max-width: 1536px) {
  .ven2_ler {
    top: 77px;
  }
}

@media (max-width: 1536px) {}

/* 正片开始 */
/* gg */
.banpadding {
  margin-top: 80px;
  position: relative;
}

@media (max-width: 1536px) {
  .banpadding {
    margin-top: 76px;
  }
}

/* content */
.con_bante {
  position: absolute;
  left: 50%;
  top: 57%;
  transform: translate(-50%, -50%);
  padding-left: 37px;
}

.con_img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.con_bante p {
  color: #FFF;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.con1 {
  background: #000;
  padding: 112px;
}

.con1p {
  display: flex;
  align-content: center;
  justify-content: center;
}

.con1p p {
  color: #FFF;
  text-align: center;
  font-family: harMe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.4);
  width: 1072px;
  max-width: 100%;
}

.con2 {
  padding-top: 238px;
}

.con2_box {
  display: flex;
  justify-content: space-between;
}

.con2_1 {
  width: 49.06%;
  flex: 0 0 auto;
  margin-right: calc(-0.5 * 0.63rem);
  margin-left: calc(-0.5 * 0.63rem);
}

.con2_1imgbox {
  padding-right: calc(0.63rem * 0.5);
  padding-left: calc(0.63rem * 0.5);
}

.con2_1img {
  padding-bottom: 128%;
  overflow: hidden;
}

.con2_1img img {
  transition: all 0.5s ease;
}

.con2_1img:hover img {
  transform: scale(1.08);
}

.con2_2 {
  width: calc(100% - 49.06% - 148px);
  flex: 0 0 auto;
  padding-top: 53px;
}

.con2_2h {
  margin-bottom: 71px;
}

.con2_2h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con2_2h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.con2_2p p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
  margin-bottom: 39px;
}

.con2_2p p:last-child {
  margin-bottom: 0;
}

.con3 {
  padding-top: 296px;
  padding-bottom: 247px;
}

.con3_box {
  display: flex;
  justify-content: space-between;
}

.con3_1 {
  padding-top: 58px;
  width: calc(100% - 49.1% - 80px);
}

.con3_1h {
  margin-bottom: 60px;
}

.con3_1h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con3_1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.con3_1p p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 2);
}

.con3_2 {
  width: 49.1%;
  flex: 0 0 auto;
}

.con3_2img {
  padding-bottom: 62%;
  overflow: hidden;
}

.con3_2img img {
  transition: all 0.5s ease;
}

.con3_2img:hover img {
  transform: scale(1.08);
}

.con4 {
  background: url(../img/con4bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 224px 0;
}

.con4h {
  margin-bottom: 18px;
}

.con4h p {
  text-align: center;
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con4h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.con4p {
  display: flex;
  align-items: center;
  justify-content: center;
}

.con4p p {
  color: #000;
  text-align: center;
  font-family: harMe;
  font-size: var(--zj-con4p);
  font-style: normal;
  line-height: calc(var(--zj-con4p) * 1.56);
}

.con4p a {
  display: block;
  margin-left: 6px;
}

.con4p a span {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con4pa);
  font-style: normal;
  line-height: calc(var(--zj-con4pa) * 1.3);
  --size: 1.5px;
  --color: #000;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size, color, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.con4p a:hover span {
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
}

@media (max-width: 1536px) {
  .con2_2 {
    width: calc(100% - 49.06% - 92px);
    padding-top: 8px;
  }

  .con3 {
    padding-top: 224px;
    padding-bottom: 188px;
  }

  .con3_1 {
    padding-top: 15px;
    width: calc(100% - 49.1% - 46px);
  }

  .con4 {
    padding: 166px 0;
  }
}

@media (max-width: 1199.9px) {
  .con_bante {
    padding-left: 0;
  }
}

@media (max-width: 992px) {
  .con_img img {
    height: 400px;
  }

  .con2 {
    padding-top: 126px;
  }

  .con2_box {
    flex-direction: column;
  }

  .con2_1,
  .con2_2 {
    width: 100%;
  }

  .con2_1 {
    margin-bottom: 30px;
  }

  .con3 {
    padding-top: 138px;
    padding-bottom: 138px;
  }

  .con3_box {
    flex-direction: column-reverse;
  }

  .con3_1,
  .con3_2 {
    width: 100%;
  }

  .con3_2 {
    margin-bottom: 30px;
  }

  .con4 {
    padding: 114px 0;
  }
}

@media (max-width: 768px) {
  .con1 {
    padding: 54px 12px;
  }
}

@media (max-width: 499px) {
  .banpadding {
    margin-top: 50px;
  }

  .con_img img {
    height: 200px;
  }

  .con2 {
    padding-top: 50px;
  }

  .con2_1 {
    margin-bottom: 20px;
  }

  .con2_2h {
    margin-bottom: 30px;
  }

  .con2_2p p {
    margin-bottom: 20px;
  }

  .con3 {
    padding-top: 52px;
    padding-bottom: 58px;
  }

  .con3_1h {
    margin-bottom: 20px;
  }

  .con4 {
    padding: 60px 0;
  }

  .con4p {
    flex-direction: column;
  }
}

/* ft */
#footer {
  background: #000;
  padding: 56px 0 120px;
}

.ft_box {
  display: flex;
  justify-content: space-between;
}

.ft1_logo {
  display: block;
  width: 253px;
  margin-bottom: 56px;
}

.ft1_logo img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.ft1h {
  margin-bottom: 30px;
}

.ft1h p {
  color: #FFF;
  font-family: inMe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.ft1p {
  margin-bottom: 34px;
}

.ft1p p {
  color: #FFF;
  font-family: inRe;
  font-size: var(--zj-ft1p);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 6px;
}

.ft1p p:last-child {
  margin-bottom: 0;
}

.ft1form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-bottom: 10px;
  width: 548px;
  max-width: 100%;
  margin-bottom: 48px;
}

.ft1form::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #FFF;
  left: 0;
  bottom: 0;
}

.ft1form>input {
  color: #BEBEBE;
  font-family: inRe;
  font-size: var(--zj-ft1form);
  font-style: normal;
  line-height: normal;
  background: transparent;
  border: none;
  width: 80%;
}

.ft1form>input::-webkit-input-placeholder {
  color: rgba(190, 190, 190, 0.6);
}

.ft1form>input:-moz-placeholder {
  color: rgba(190, 190, 190, 0.6);
}

.ft1form>input::-moz-placeholder {
  color: rgba(190, 190, 190, 0.6);
}

.ft1form>input:-ms-input-placeholder {
  color: rgba(190, 190, 190, 0.6);
}

.ft1form>button {
  color: #FFF;
  font-family: inRe;
  font-size: var(--zj-ft1form);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  background: transparent;
  border: none;
}

.ft1share .a2a_kit>a {
  position: relative;
  display: block;
  margin-right: 20px;
}

.ft1share .a2a_kit>a:last-child {
  margin-right: 0;
}

.ft1share .a2a_kit>a img {
  width: 16px;
  transition: all 0.5s ease;
}

.ft1share .a2a_kit>a img:nth-child(2) {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.ft1share .a2a_kit>a:hover img:nth-child(1) {
  opacity: 0;
}

.ft1share .a2a_kit>a:hover img:nth-child(2) {
  opacity: 1;
}

.ft2u {
  display: flex;
}

.ft2l {
  margin-right: 2.94vw;
}

.ft2l:last-child {
  margin-right: 0;
}

.ft2lh {
  margin-bottom: 20px;
}

.ft2lh span {
  color: #FFF;
  font-family: inMe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.ft2la {
  display: block;
}

.ft2la span {
  color: #FFF;
  font-family: inRe;
  font-size: var(--zj-ft1p);
  font-style: normal;
  line-height: calc(var(--zj-ft1p) * 2);
  text-transform: capitalize;
  --size: 1px;
  --color: #fff;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size, color, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.ft2la:hover span {
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
}

@media (max-width: 1199.9px) {
  .ft_box {
    flex-direction: column;
  }

  .ft1 {
    margin-bottom: 30px;
  }

  .ft2u {
    justify-content: space-between;
  }
}

@media (max-width: 768px) {
  .ft2u {
    flex-wrap: wrap;
  }

  .ft2l {
    margin-right: 0;
    width: 50%;
    margin-bottom: 30px;
  }
}

@media (max-width: 499px) {
  #footer {
    padding: 56px 0 52px;
  }

  .ft1_logo {
    width: 200px;
    margin-bottom: 46px;
  }

  .ft2l {
    width: 100%;
  }

  .ft2lh {
    margin-bottom: 10px;
  }
}

/* conMessage */
.con_message {
  padding: 163px 0 143px;
}

.con_message_h {
  margin-bottom: 32px;
}

.con_message_h p {
  color: #000;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: calc(var(--zj-con_bante) * 1.82);
  text-transform: uppercase;
}

.con_message_p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 110px;
}

.con_message_p p {
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
  width: 1084px;
  max-width: 100%;
}

.conmes_fou {
  margin-right: calc(-0.5 * 1.9rem);
  margin-left: calc(-0.5 * 1.9rem);
}

.conmes_fol {
  display: flex;
  flex-direction: column;
  padding-right: calc(1.9rem * 0.5);
  padding-left: calc(1.9rem * 0.5);
}

.conmes_fol>span {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-ft1p);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 11px;
}

.conmes_fol>input,
.conmes_fol>textarea {
  border: 1px solid #E8E7E2;
  background: #FFF;
  width: 100%;
  color: #000;
  font-family: inRe;
  font-size: var(--zj-ft1form);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  padding: 20px 12px;
  margin-bottom: 46px;
}

.conmes_fol>textarea {
  margin-bottom: 58px;
}

.conmes_fol>input::-webkit-input-placeholder {
  color: #000;
}

.conmes_fol>input:-moz-placeholder {
  color: #000;
}

.conmes_fol>input::-moz-placeholder {
  color: #000;
}

.conmes_fol>input:-ms-input-placeholder {
  color: #000;
}

.conmes_fol>textarea::-webkit-input-placeholder {
  color: #000;
}

.conmes_fol>textarea:-moz-placeholder {
  color: #000;
}

.conmes_fol>textarea::-moz-placeholder {
  color: #000;
}

.conmes_fol>textarea:-ms-input-placeholder {
  color: #000;
}

.conmes_fobt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 72px;
}

.conmes_fobt button {
  color: #000;
  font-family: arcRe;
  font-size: var(--zj-ft1p);
  font-style: normal;
  line-height: calc(var(--zj-ft1p) * 1.5);
  text-transform: capitalize;
  border-radius: 0;
  background: transparent;
  padding: 12px 42px;
  transition: all 0.5s ease;
  color: #FFF;
  background: #000;
}

.conmes_fobt button span {
  --size: 1px;
  --color: #fff;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size, color, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.conmes_fobt button:hover span {
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
}

.con_message_p2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.con_message_p2 p {
  color: #000;
  text-align: center;
  font-family: arcRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
  text-transform: capitalize;
  width: 992px;
  max-width: 100%;
}

/* conMessage */
.conad1_padding {
  padding-top: 48px;
}

.conad1 {
  padding: 165px 0 178px;
}

.conad1_box {
  display: flex;
}

.conad1h {
  padding-left: 44px;
  width: 28%;
  flex: 0 0 auto;
}

.conad1h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-conad1h);
  font-style: normal;
  line-height: calc(var(--zj-conad1h) * 1.64);
  text-transform: uppercase;
}

.conad1p {
  width: 72%;
}

.conad1p {
  padding-top: 105px;
}

.conad1p p {
  color: #000;
  font-family: harMe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.77);
  text-transform: uppercase;
  width: 711px;
  max-width: 100%;
}

.conad2 {
  padding-bottom: 138px;
}

.conad2l {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 52px 0;
}

.conad2l::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #D6D6D6;
  left: 0;
  top: 0;
}

.conad2l_1 {
  width: 28%;
  flex: 0 0 auto;
}

.conad2l_1h p {
  color: #000;
  font-family: harMe;
  font-size: var(--zj-conad2l_1h);
  font-style: normal;
  line-height: 100%;
}

.conad2l_2 {
  width: 72%;
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
}

.conad2l_2te {
  max-width: 594px;
  padding-right: 12px;
}

.conad2l_2te p {
  color: #333;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
}

.conad2l_2te p>a span {
  color: #333;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
  --size: 1px;
  --color: #333;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size, color, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.conad2l_2te p>a:hover span {
  color: #333;
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
}

.conad2l_2img {
  width: 41%;
  flex: 0 0 auto;
  padding-bottom: 18.4%;
  overflow: hidden;
}

.conad2l_2img img {
  transition: all 0.5s ease;
}

.conad2l_2img:hover img {
  transform: scale(1.08);
}

@media (max-width: 1536px) {
  .con_message {
    padding: 100px 0 83px;
  }

  .conad1 {
    padding: 65px 0 78px;
  }

  .conad2l_2te {
    padding: 0;
    padding-right: 12px;
  }

  .conad2l_2 {
    align-items: center;
  }
}

@media (max-width: 992px) {
  .conmes_fol {
    width: 100%;
  }

  .conmes_fol>input,
  .conmes_fol>textarea {
    padding: 16px 12px;
    margin-bottom: 36px;
  }

  .conad1h {
    padding-left: 0px;
  }

  .conad1_box {
    flex-direction: column;
  }

  .conad1h {
    width: 100%;
  }

  .conad1p {
    width: 100%;
    padding-top: 25px;
  }

  .conad2l {
    flex-direction: column;
  }

  .conad2l_1 {
    width: 100%;
    margin-bottom: 20px;
  }

  .conad2l_2 {
    width: 100%;
  }

  .conad1_padding {
    padding-top: 0;
  }

  .conad2 {
    padding-bottom: 68px;
  }
}

@media (max-width: 768px) {
  .conad2l_2 {
    flex-direction: column;
  }

  .conad2l_2te {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    max-width: 100%;
  }

  .conad2l_2img {
    width: 100%;
    padding-bottom: 44.4%;
  }
}

@media (max-width: 499px) {
  .con_message {
    padding: 78px 0 52px;
  }

  .con_message_h {
    margin-bottom: 12px;
  }

  .con_message_p {
    margin-bottom: 60px;
  }

  .conmes_fol>input,
  .conmes_fol>textarea {
    padding: 10px 12px;
    margin-bottom: 22px;
  }

  .conmes_fobt button {
    padding: 7px 38px;
  }

  .conad1 {
    padding: 45px 0 48px;
  }

  .conad2l {
    padding: 40px 0;
  }

  .conad2 {
    padding-bottom: 18px;
  }
}

/* newspre */
.newspadding {
  padding: 200px 0 120px;
}

.newspre_h {
  margin-bottom: 32px;
}

.newspre_h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-conad1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.newspre_p {
  margin-bottom: 80px;
}

.newspre_p p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.77);
  width: 1075px;
  max-width: 100%;
}

.newspre_u {
  margin-right: calc(-0.5 * 2rem);
  margin-left: calc(-0.5 * 2rem);
  margin-bottom: 40px;
}

.newspre_l {
  padding-right: calc(2rem * 0.5);
  padding-left: calc(2rem * 0.5);
  margin-bottom: 62px;
}

.newspre_limg {
  padding-bottom: 78%;
  overflow: hidden;
  margin-bottom: 28px;
}

.newspre_limg img {
  transition: all 0.5s ease;
}

.newspre_lbox:hover .newspre_limg img {
  transform: scale(1.08);
}

.newspre_lhbox {
  display: flex;
  align-items: center;
  justify-content: center;
}

.newspre_lh {
  display: flex;
  align-items: center;
  justify-content: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: auto;
  width: 532px;
  max-width: 100%;
  padding-bottom: 4px;
}

.newspre_lh span {
  color: #343434;
  font-family: inRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.3);
  --size: 1px;
  --color: #666;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size, color, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.newspre_lbox:hover .newspre_lh span {
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
}

.sub_page {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-top: 20px;
}

.sub_page::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  background: #D6D6D6;
}

.sub_pageu {
  display: flex;
  align-items: center;
}

.sub_page>a span,
.sub_pagel>a {
  color: #666;
  font-family: arcRe;
  font-size: var(--zj-ft1form);
  font-style: normal;
  line-height: calc(var(--zj-ft1form) * 1.42);
}

.sub_page>a span {
  --size: 1px;
  --color: #666;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size, color, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.sub_page>a:hover span {
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
}

.sub_pagel>a {
  display: flex;
  align-items: center;
  justify-content: center;
  --w: 40px;
  width: var(--w);
  height: var(--w);
  border-radius: 50%;
  margin: 0 2px;
  transition: all 0.5s ease;
}

.sub_pagel.on>a {
  background: #000;
  color: #fff;
}

.sub_pagel>a:hover {
  background: #000;
  color: #fff;
}

@media (max-width: 1536px) {
  .newspadding {
    padding: 130px 0 80px;
  }

  .newspre_l {
    margin-bottom: 48px;
  }
}

@media (max-width: 992px) {
  .newspre_l {
    width: 50%;
  }

  .sub_pagel>a {
    --w: 32px;
  }

  .newspre_u {
    margin-bottom: 20px;
  }
}

@media (max-width: 499px) {
  .newspre_l {
    width: 100%;
    margin-bottom: 28px;
  }

  .newspadding {
    padding: 80px 0 60px;
  }

  .newspre_h {
    margin-bottom: 16px;
  }

  .newspre_p {
    margin-bottom: 40px;
  }

  .newspre_limg {
    margin-bottom: 18px;
  }

  .newspre_u {
    margin-bottom: 10px;
  }

  .sub_page {
    justify-content: center;
  }

  .sub_page>a {
    display: none;
  }
}

/* newsexhi */
.newsexhi_la {
  position: relative;
  overflow: hidden;
  display: block;
}

.newsexhi_u {
  margin-right: calc(-0.5 * 2rem);
  margin-left: calc(-0.5 * 2rem);
  margin-bottom: 62px;
}

.newsexhi_l {
  padding-right: calc(2rem * 0.5);
  padding-left: calc(2rem * 0.5);
  margin-bottom: 32px;
}

.newsexhi_limg {
  padding-bottom: 118%;
}

.newsexhi_limg::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.5;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  transition: all 0.5s ease;
}

.newsexhi_la:hover .newsexhi_limg::after {
  opacity: 1;
}

.newsexhi_limg img {
  transition: all 0.5s ease;
}

.newsexhi_la:hover .newsexhi_limg img {
  transform: scale(1.08);
}

.newsexhi_lte {
  position: absolute;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  bottom: -110px;
  padding: 28px 25px;
  z-index: 12;
  transition: all 0.5s ease;
}

.newsexhi_la:hover .newsexhi_lte {
  bottom: 0;
}

.newsexhi_lh {
  margin-bottom: 12px;
}

.newsexhi_lh p {
  color: #F4F4F4;
  font-family: inMe;
  font-size: var(--zj-newsexhi_lh);
  font-style: normal;
  line-height: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.newsexhi_lp {
  margin-bottom: 23px;
}

.newsexhi_lp p {
  color: #D9D9D9;
  font-family: inMe;
  font-size: var(--zj-ft1form);
  font-style: normal;
  line-height: calc(var(--zj-ft1form) * 1.42);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.newsexhi_lico,
.newsexhi_lico_box1,
.newsexhi_lico_box2 {
  display: flex;
  align-items: center;
}

.newsexhi_lico_box1 i,
.newsexhi_lico_box1 p {
  color: #FFF;
  font-family: inMe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: normal;
}

.newsexhi_lico_box1 i {
  margin-right: 9px;
}

.newsexhi_lico>span {
  width: 1px;
  height: 18px;
  background: #FFF;
  margin: 0 15px;
}

.newsexhi_lico_box2 i,
.newsexhi_lico_box2 p {
  color: #D9D9D9;
  font-family: inMe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: normal;
}

.newsexhi_lico_box2 i {
  margin-right: 8px;
}

.newsexhi_lbtn {
  background: #FFF;
  padding: 12px 24px;
  margin-top: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newsexhi_lbtn span {
  color: #000;
  text-align: center;
  font-family: arcRe;
  font-size: var(--zj-ft1p);
  font-style: normal;
  line-height: calc(var(--zj-ft1p) * 1.5);
  text-transform: uppercase;
  --size: 1px;
  --color: #000;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size, color, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.newsexhi_lbtn:hover span {
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
}

@media (max-width: 1536px) {
  .newsexhi_lte {
    padding: 20px 12px;
    bottom: -84px;
  }

  .newsexhi_lbtn {
    padding: 12px 12px;
    margin-top: 38px;
  }
}

@media (max-width: 1199.9px) {
  .newsexhi_l {
    width: 50%;
  }
}

@media (max-width: 992px) {
  .newsexhi_l {
    width: 100%;
  }
}

@media (max-width: 499px) {
  .newsexhi_u {
    margin-bottom: 12px;
  }
}

/* profirst */
.subnav_box {
  margin-bottom: 92px !important;
}

.breadcrumb {
  justify-content: flex-end;
  align-items: center;
}

.breadcrumb-item::before,
.breadcrumb-item>a {
  color: #666;
  font-family: harRe;
  font-size: var(--zj-breadcrumb);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.profirst {
  padding: 90px 0 100px;
}

.profi_h {
  margin-bottom: 32px;
}

.profi_h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-conad1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.profi_p {
  margin-bottom: 85px;
}

.profi_p p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.77);
  width: 1075px;
  max-width: 100%;
}

.profi_u {
  margin-right: calc(-0.5 * 0.54rem);
  margin-left: calc(-0.5 * 0.54rem);
}

.profi_l {
  padding-right: calc(0.54rem * 0.5);
  padding-left: calc(0.54rem * 0.5);
  margin-bottom: 10px;
}

.profi_la {
  display: block;
  position: relative;
}

.profi_la::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.2;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000 100%);
  z-index: 10;
  pointer-events: none;
  transition: all 0.5s ease;
}

.profi_la:hover:after {
  opacity: 0.4;
}

.profi_limg {
  padding-bottom: 170%;
}

.profi_lh {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 12;
  padding: 0 12px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profi_lh span {
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con3_1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  --size: 1px;
  --color: #000;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size, color, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.profi_la:hover .profi_lh span {
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
}

@media (max-width: 1536px) {
  .profi_lh {
    padding: 0 12px 20px;
  }
}

@media (max-width: 992px) {
  .profi_l {
    width: 50%;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .profi_l {
    width: 100%;
  }
}

@media (max-width: 499px) {
  .profirst {
    padding: 66px 0 42px;
  }
}

/* prosecond */
.prosecond {
  padding: 90px 0 60px;
}

.prosecond_box {
  width: 86% !important;
}

.prosec {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.prosec1 {
  width: 18%;
  flex: 0 0 auto;
  position: sticky;
  top: 100px;
}

.prosec1_lbox {
  position: relative;
}

.prosec1_lbox::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #D6D6D6;
  left: 0;
  bottom: 0;
}

.prosec1_la {
  color: #9B9B9B;
  font-family: harMe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.3);
  text-transform: uppercase;
  display: block;
  padding: 24px;
  transition: all 0.5s ease;
}

.prosec1_la:hover {
  color: #000;
}

.prosec1_l.on .prosec1_la {
  color: #000;
}

.prosec2 {
  width: calc(80% - 138px);
}

.prosec2_u {
  margin-right: calc(-0.5 * 3.13rem);
  margin-left: calc(-0.5 * 3.13rem);
}

.prosec2_l {
  padding-right: calc(3.13rem * 0.5);
  padding-left: calc(3.13rem * 0.5);
  margin-bottom: 50px;
}

.prosec2_limg {
  padding-bottom: 120%;
  margin-bottom: 21px;
  overflow: hidden;
}

.prosec2_limg img {
  transition: all 0.5s ease;
}

.prosec2_la:hover .prosec2_limg img {
  transform: scale(1.08);
}

.prosec2_lh {
  display: flex;
  align-items: center;
  justify-content: center;
}

.prosec2_lhbg {
  padding: 9px 11px;
  transition: all 0.5s ease;
}

.prosec2_la:hover .prosec2_lhbg {
  background: #000;
}

.prosec2_lhbg span {
  color: #000;
  text-align: center;
  display: block;
  font-family: harRe;
  font-size: var(--zj-ft1p);
  font-style: normal;
  line-height: normal;
  transition: all 0.5s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prosec2_la:hover .prosec2_lhbg span {
  color: #FFF;
}

@media (max-width: 1536px) {
  .subnav_box {
    margin-bottom: 62px !important;
  }

  .prosec1_la {
    padding: 16px;
  }

  .prosec2_u {
    margin-right: calc(-0.5 * 1.13rem);
    margin-left: calc(-0.5 * 1.13rem);
  }

  .prosec2_l {
    padding-right: calc(1.13rem * 0.5);
    padding-left: calc(1.13rem * 0.5);
    margin-bottom: 20px;
  }

  .prosecond_box {
    width: 94.8% !important;
  }
}

@media (max-width: 1199.9px) {
  .prosec {
    flex-direction: column;
  }

  .prosec1 {
    display: none;
  }

  .pro_11 {
    display: flex !important;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 20px;
  }

  .pro_11a {
    display: flex;
    align-items: center;
    color: #9B9B9B;
    font-family: harMe;
    font-size: var(--zj-con1p);
    font-style: normal;
    line-height: calc(var(--zj-con1p) * 1.3);
    text-transform: uppercase;
    padding: 6px 16px;
    background: #FFF;
    transition: all 0.3s ease;
    border: 1px solid #9B9B9B;
    margin-bottom: 4px;
    margin-right: 4px;
  }

  .pro_11a:hover {
    background: #000;
    border: 1px solid #000;
    color: #fff;
  }

  .pro_11a.on {
    background: #000;
    border: 1px solid #000;
    color: #fff;
  }

  .prosec2 {
    width: 100%;
  }

  .profi_p {
    margin-bottom: 65px;
  }
}

@media (max-width: 992px) {
  .prosec2_l {
    width: 50%;
  }
}

@media (max-width: 499px) {
  .pro_11a {
    padding: 6px 12px;
  }

  .prosecond {
    padding: 66px 0 30px;
  }

  .subnav_box {
    margin-bottom: 32px !important;
  }

  .profi_h {
    margin-bottom: 12px;
  }

  .profi_p {
    margin-bottom: 45px;
  }

  .prosec2_limg {
    margin-bottom: 11px;
  }

  .prosec2_lhbg {
    padding: 5px 4px;
  }
}

/* Sustainability(certificates) */
.suscer_ban {
  position: relative;
}

.suscer_img img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.suscer_bante {
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.suscer_banh {
  margin-bottom: 44px;
}

.suscer_banh p {
  color: #FFF;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.suscer_banp {
  display: flex;
  align-items: center;
  justify-content: center;
}

.suscer_banp p {
  color: #FFF;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.6);
  width: 1000px;
  max-width: 100%;
}

.suscer {
  padding: 192px 0 104px;
}

.suscer_l {
  padding-right: calc(1.9rem * 0.5);
  padding-left: calc(1.9rem * 0.5);
  margin-bottom: 80px;
}

.suscer_limg {
  margin-bottom: 37px;
  cursor: pointer;
}

.suscer_limg img {
  transition: all 0.5s ease;
}

.suscer_lbox:hover .suscer_limg img {
  transform: scale(1.08);
}

.suscer_lte span {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.4);
  --size: 1px;
  --color: #000;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size, color, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.suscer_lbox:hover .suscer_lte span {
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
}

@media (max-width: 1536px) {
  .suscer_img img {
    height: auto;
  }

  .suscer {
    padding: 92px 0 74px;
  }

  .suscer_u {
    margin-right: calc(-.5 * 1.2rem);
    margin-left: calc(-.5 * 1.2rem);
  }

  .suscer_l {
    width: 33.333%;
    padding-right: calc(1.2rem * 0.5);
    padding-left: calc(1.2rem * 0.5);
    margin-bottom: 40px;
  }
}

@media (max-width: 992px) {
  .suscer_img img {
    height: 500px;
  }

  .suscer_l {
    width: 50%;
  }
}

@media (max-width: 499px) {
  .suscer_banh {
    margin-bottom: 34px;
  }

  .suscer {
    padding: 42px 0 34px;
  }

  .suscer_u {
    margin-right: calc(-.5 * 0.6rem);
    margin-left: calc(-.5 * 0.6rem);
  }

  .suscer_l {
    padding-right: calc(0.6rem * 0.5);
    padding-left: calc(0.6rem * 0.5);
    margin-bottom: 30px;
  }

  .suscer_limg {
    margin-bottom: 17px;
  }
}

/* Sustainability(R&D) */
.susrd_ban {
  position: relative;
}

.susrd_img img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.susrd_bante {
  position: absolute;
  left: 50%;
  top: 51%;
  transform: translate(-50%, -50%);
}

.susrd_banh {
  margin-bottom: 26px;
}

.susrd_banh p {
  color: #FFF;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}

.susrd_banh2 {
  margin-bottom: 98px;
}

.susrd_banh2 p {
  color: #FFF;
  font-family: harMe;
  font-size: var(--zj-con4pa);
  font-style: normal;
  line-height: calc(var(--zj-con4pa) * 1.06);
  text-align: center;
}

.susrd_banp {
  display: flex;
  align-items: center;
  justify-content: center;
}

.susrd_banp p {
  color: #EFEFEF;
  text-align: center;
  font-family: harMe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
  width: 860px;
  max-width: 100%;
}

.susrd1 {
  padding: 176px 0 180px;
}

.susrd1h {
  margin-bottom: 82px;
}

.susrd1h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-susrd1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.susrd1_1 {
  display: flex;
  justify-content: space-between;
}

.susrd1_left {
  width: 53%;
  padding-top: 19px;
}

.susrd1p p {
  width: 611px;
  max-width: 100%;
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
}

.susrd1_right {
  width: 39.1%;
}

.susrd1img {
  padding-bottom: 59%;
}

.susrd2 {
  position: relative;
}

.susrd2>img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.susrd2_box {
  position: absolute;
  left: 50%;
  top: 54%;
  transform: translate(-50%, -50%);
}

.susrd2h p {
  text-align: center;
  color: #FFF;
  font-family: harBo;
  font-size: var(--zj-susrd1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.susrd3 {
  padding: 299px 0 235px;
}

.susrd3h {
  display: flex;
  align-items: center;
  justify-content: center;
}

.susrd3h p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.3);
  width: 1200px;
  max-width: 100%;
}

.susrd4 {
  position: relative;
}

.susrd4>img {
  width: 100%;
  object-fit: cover;
  object-position: center
}

.susrd4_box {
  position: absolute;
  left: 50%;
  top: 53%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.susrd4h p {
  color: #FFF;
  font-family: harBo;
  font-size: var(--zj-susrd1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.susrd5 {
  padding: 165px 0 182px;
}

.susrd5_1h {
  margin-bottom: 157px;
}

.susrd5_1h p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.3);
}

.susrd5_2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.susrd5_2img {
  width: 33.6%;
  flex: 0 0 auto;
  padding-bottom: 45%;
}

.susrd5_2te {
  width: calc(66.4% - 54px);
  flex: 0 0 auto;
  /* padding-top: 120px; */
}

.susrd5_2h {
  margin-bottom: 49px;
}

.susrd5_2h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-susrd1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.susrd5_2p p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
}

.susrd6 {
  position: relative;
  margin-bottom: 42px;
}

.susrd6>img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.susrd6_box {
  position: absolute;
  left: 50%;
  top: 52%;
  transform: translate(-50%, -50%);
}

.susrd6h {
  margin-bottom: 34px;
}

.susrd6h p {
  text-align: center;
  color: #FFF;
  font-family: harBo;
  font-size: var(--zj-con2_2h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.susrd6p {
  display: flex;
  align-items: center;
  justify-content: center;
}

.susrd6p p {
  color: #FFF;
  text-align: center;
  font-family: harMe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.6);
  width: 980px;
  max-width: 100%;
}

@media (max-width: 992px) {
  .susrd_img img {
    height: 450px;
  }

  .susrd_banh2 {
    margin-bottom: 56px;
  }

  .susrd1 {
    padding: 76px 0 80px;
  }

  .susrd2>img {
    height: 342px;
  }

  .susrd3 {
    padding: 199px 0 135px;
  }

  .susrd4>img {
    height: 300px;
  }

  .susrd5 {
    padding: 65px 0 82px;
  }

  .susrd5_1h {
    margin-bottom: 57px;
  }

  .susrd6>img {
    height: 365px;
  }
}

@media (max-width: 768px) {
  .susrd1_1 {
    flex-direction: column;
  }

  .susrd1_left {
    width: 100%;
    margin-bottom: 20px;
  }

  .susrd1_right {
    width: 100%;
  }

  .susrd1h {
    margin-bottom: 32px;
  }

  .susrd3 {
    padding: 99px 0 85px;
  }

  .susrd5_2 {
    flex-direction: column-reverse;
  }

  .susrd5_2img {
    width: 100%;
  }

  .susrd5_2h {
    margin-bottom: 29px;
  }

  .susrd5_2te {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 499px) {
  .susrd1 {
    padding: 46px 0 40px;
  }

  .susrd1h {
    margin-bottom: 0;
  }

  .susrd2>img {
    height: 242px;
  }

  .susrd3 {
    padding: 50px 0 45px;
  }

  .susrd4>img {
    height: 200px;
  }

  .susrd5 {
    padding: 35px 0 42px;
  }

  .susrd5_1h {
    margin-bottom: 37px;
  }

  .susrd5_2h {
    margin-bottom: 20px;
  }

  .susrd6 {
    margin-bottom: 22px;
  }
}

/* Sustainability(Fiber Overview) */
.susfio_ban {
  position: relative;
}

.susfio_img>img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.susfio_bante {
  position: absolute;
  left: 50%;
  top: 49%;
  transform: translate(-50%, -50%);
}

.susfio_banh {
  margin-bottom: 44px;
}

.susfio_banh p {
  color: #FFF;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-conad1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.susfio_banp p {
  color: #FFF;
  text-align: center;
  font-family: harMe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.77);
  text-transform: uppercase;
}

.susfio_u {
  margin-right: calc(-.5 * 4.8rem);
  margin-left: calc(-.5 * 4.8rem);
}

.susfio_l {
  padding-right: calc(4.8rem * .5);
  padding-left: calc(4.8rem * .5);
  position: relative;
  padding-top: 52px;
}

.susfio_l:nth-child(1),
.susfio_l:nth-child(2) {
  padding-top: 134px;
}

.susfio_l:nth-child(odd)::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #D6D6D6;
  right: 0;
  top: 0;
}

.susfio_l::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #D6D6D6;
  right: 0;
  bottom: 0;
}

.susfio_l1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 26px;
}

.susfio_l1h {
  width: 80%;
  flex: 0 0 auto;
}

.susfio_l1h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-susfio_l1h);
  font-style: normal;
  line-height: calc(var(--zj-susfio_l1h) * 1.45);
  text-transform: uppercase;
  width: 664px;
  max-width: 100%;
}

.susfio_l1num {
  width: 20%;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.susfio_l1num p {
  color: #888;
  font-family: harMe;
  font-size: var(--zj-con4p);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.susfio_l2img {
  padding-bottom: 40%;
  overflow: hidden;
  margin-bottom: 40px;
  cursor: pointer;
  position: relative;
}

.susfio_l2img img {
  transition: all 0.5s ease;
}

.susfio_l2img:hover img {
  transform: scale(1.08);
}

.susfio_l2img i {
  font-size: 28px;
  color: #fff;
  position: absolute;
  z-index: 12;
  --w: 102px;
  width: var(--w);
  height: var(--w);
  fill: rgba(255, 255, 255, 0.18);
  stroke-width: 1px;
  stroke: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(6.300000190734863px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%) scale(0);
  right: 4%;
  transition: all 0.5s ease;
}

.susfio_l2img:hover i {
  transform: translateY(-50%) scale(1);
}

.susfio_l3p {
  margin-bottom: 82px;
}

.susfio_l3p p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
}

@media (max-width: 1536px) {

  .susfio_l:nth-child(1),
  .susfio_l:nth-child(2) {
    padding-top: 80px;
  }

  .susfio_l3p {
    margin-bottom: 62px;
  }
}

@media (max-width: 992px) {
  .susfio_img>img {
    height: 580px;
  }

  .susfio_l {
    width: 100%;
  }
}

@media (max-width: 499px) {
  .susfio_img>img {
    height: 380px;
  }

  .susfio_l:nth-child(1),
  .susfio_l:nth-child(2) {
    padding-top: 40px
  }

  .susfio_l {
    padding-top: 40px
  }

  .susfio_l3p {
    margin-bottom: 42px;
  }
}

/* Sustainability(Hemp Supply)Chain */
.sushes_ban {
  position: relative;
}

.sushes_img img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.sushes_bante {
  position: absolute;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
}

.sushes_banh {
  margin-bottom: 7px;
}

.sushes_banh p {
  color: #FFF;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.sushes_banp p {
  color: #FFF;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
}

.sushes_box {
  padding: 148px 0 184px;
}

.sushes_l {
  margin-bottom: 146px;
}

.sushes_l:last-child {
  margin-bottom: 0;
}

.sushes_lh {
  margin-bottom: 20px;
}

.sushes_lh p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con2_2h);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  text-align: center;
}

.sushes_lp {
  margin-bottom: 87px;
}

.sushes_lp p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
}

.sushes_limg {
  padding-bottom: 46%;
}

.sushesft {
  position: relative;
  margin-bottom: 96px;
}

.sushesft>img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.sushesft_box {
  position: absolute;
  left: 50%;
  top: 46%;
  transform: translate(-50%, -50%);
}

.sushesft_h {
  margin-bottom: 20px;
}

.sushesft_h p {
  color: #FFF;
  font-family: harBo;
  font-size: var(--zj-con2_2h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}

.sushesft_p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.sushesft_p p {
  color: #FFF;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
}

@media (max-width: 1536px) {
  .sushes_box {
    padding: 108px 0 134px;
  }
}

@media (max-width:992px) {
  .sushes_img img {
    height: 700px;
  }
}

@media (max-width:499px) {
  .sushes_img img {
    height: 400px;
  }

  .sushes_box {
    padding: 48px 0 64px;
  }

  .sushes_l {
    margin-bottom: 66px;
  }

  .sushes_lp {
    margin-bottom: 47px;
  }

  .sushesft {
    margin-bottom: 46px;
  }

  .sushesft>img {
    height: 400px;
  }
}

/* Sustainability(Our commitment) */
.susouc_ban {
  position: relative;
}

.susouc_img img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.susouc_bante {
  position: absolute;
  left: 50%;
  top: 74%;
  transform: translate(-50%, -50%);
}

.susouc_banh {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}

.susouc_banh p {
  color: #FFF;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  width: 1282px;
  max-width: 100%;
}

.susouc_banp {
  display: flex;
  align-items: center;
  justify-content: center;
}

.susouc_banp p {
  color: #EFEFEF;
  font-family: harMe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.4);
  width: 1282px;
  max-width: 100%;
}

.susouc1 {
  padding: 359px 0 325px;
}

.susouc1h {
  margin-bottom: 44px;
}

.susouc1h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}

.susouc1h2 {
  margin-bottom: 15px;
}

.susouc1h2 p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-susrd1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}

.susouc1p {
  display: flex;
  align-items: center;
  justify-content: center;
}

.susouc1p p {
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.3);
  width: 890px;
  max-width: 100%;
}

.susouc2 {
  padding-bottom: 42%;
}

.susouc3 {
  padding: 211px 0 154px;
  background: #F1F1F1;
}

.susouc3h {
  margin-bottom: 133px;
}

.susouc3h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-susrd1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}

.susouc3_u {
  margin-bottom: 143px;
  display: flex;
  padding: 0 3%;
  margin-right: calc(-.5 * 1.9rem);
  margin-left: calc(-.5 * 1.9rem);
}

.susouc3_l {
  /* margin-right: 8.4%; */
  padding-right: calc(1.9rem * .5);
  padding-left: calc(1.9rem * .5);
}

.susouc3_l:last-child {
  /* margin-right: 0; */
}

.susouc3_lh {
  margin-bottom: 10px;
  position: relative;
  padding-left: 8px;
}

.susouc3_lh::after {
  position: absolute;
  content: "";
  --w: 4px;
  width: var(--w);
  height: var(--w);
  border-radius: 50%;
  background: #000;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.susouc3_lh p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-susfio_l1h);
  font-style: normal;
  line-height: calc(var(--zj-susfio_l1h) * 1.18);
}

.susouc3_lp p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.3);
}

.susouc3p {
  display: flex;
  align-items: center;
  justify-content: center;
}

.susouc3p p {
  color: #000;
  text-align: center;
  font-family: harMe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.7);
  width: 1276px;
  max-width: 100%;
}

.susouc4 {
  padding: 367px 0 346px;
}

.susouc4h {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 63px;
}

.susouc4h p {
  color: #000;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  width: 1082px;
  max-width: 100%;
}

.susouc4p {
  display: flex;
  align-items: center;
  justify-content: center;
}

.susouc4p p {
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.3);
  width: 1053px;
  max-width: 100%;
}

.susouc5_box {
  display: flex;
}

.susouc5te,
.susouc5img {
  width: 50%;
  flex: 0 0 auto;
}

.susouc5te {
  background: #F1F1F1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 20px 5.6%;
}

.susouc5h {
  margin-bottom: 30px;
}

.susouc5h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-susrd1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.susouc14 .susouc5_box:nth-child(1) .susouc5h p {
  font-size: 70px;
}

.susouc5p {
  padding-bottom: 6dvw;
}

.susouc5p p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.44);
  width: 484px;
  max-width: 100%;
  margin-bottom: 28px;
}

.susouc5p p:last-child {
  margin-bottom: 0;
}

.susouc5img>img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.susouc6 {
  padding: 410px 0 407px;
}

.susouc6h {
  margin-bottom: 69px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.susouc6h p {
  color: #000;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  width: 944px;
  max-width: 100%;
}

.susouc6p {
  display: flex;
  align-items: center;
  justify-content: center
}

.susouc6p p {
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.3);
  width: 1053px;
  max-width: 100%;
}

.susouc7 {
  padding: 259px 0 215px;
}

.susouc7h {
  margin-bottom: 50px;
}

.susouc7h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  width: 992px;
  max-width: 100%;
}

.susouc7p {
  padding-bottom: 66px;
}

.susouc7p p {
  width: 1135px;
  max-width: 100%;
  color: #000;
  font-family: harRe;
  font-size: var(--zj-susfio_l1h);
  font-style: normal;
  line-height: calc(var(--zj-susfio_l1h) * 1.45);
}

.susouc7a {
  display: flex;
  align-items: center;
}

.susouc7a span {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  margin-right: 10px;
  --size: 1px;
  --color: #000;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size, color, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.susouc7a:hover span {
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
}

.susouc7a i {
  font-size: 18px;
  color: #000;
  transition: all 0.5s ease;
}

.susouc7a:hover i {
  transform: translateX(4px);
}

.susouc8 {
  padding-bottom: 41.9%;
}

.susouc9 {
  padding: 304px 0 268px;
}

.susouc9h {
  margin-bottom: 50px;
}

.susouc9h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.susouc9p {
  margin-bottom: 75px;
}

.susouc9p p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-susfio_l1h);
  font-style: normal;
  line-height: calc(var(--zj-susfio_l1h) * 1.45);
  width: 1135px;
  max-width: 100%;
}

.susouc10 {
  padding: 217px 0 254px;
}

.susouc10h {
  margin-bottom: 50px;
}

.susouc10h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.susouc10p {
  margin-bottom: 50px;
}

.susouc10p p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-susfio_l1h);
  font-style: normal;
  line-height: calc(var(--zj-susfio_l1h) * 1.45);
  width: 1135px;
  max-width: 100%;
}

.susouc11 {
  background: #F1F1F1;
  padding: 231px 0 166px;
}

.susouc11h {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 49px;
}

.susouc11h p {
  color: #000;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  width: 740px;
  max-width: 100%;
}

.susouc11p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 72px;
}

.susouc11p p {
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.6);
  width: 1054px;
  max-width: 100%;
}

.susouc11img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.susouc12 {
  padding-bottom: 62%;
}

.susouc13 {
  padding: 306px 0 260px;
}

.susouc13h {
  margin-bottom: 50px;
}

.susouc13h p {
  color: #000;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.susouc13p {
  margin-bottom: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.susouc13p p {
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-susfio_l1h);
  font-style: normal;
  line-height: calc(var(--zj-susfio_l1h) * 1.45);
  width: 1135px;
  max-width: 100%;
}

.susouc13btn {
  display: flex;
  justify-content: center;
}

@media (max-width: 1536px) {
  .susouc14 .susouc5_box:nth-child(1) .susouc5h p {
    font-size: var(--zj-susrd1h);
  }

  .susouc1 {
    padding: 259px 0 225px;
  }

  .susouc3 {
    padding: 111px 0 54px;
    background: #F1F1F1;
  }

  .susouc3h {
    margin-bottom: 83px;
  }

  .susouc3_l {
    /* margin-right: 3.4%; */
  }

  .susouc4 {
    padding: 267px 0 246px;
  }

  .susouc6 {
    padding: 310px 0 307px;
  }

  .susouc7 {
    padding: 159px 0 115px;
  }

  .susouc9 {
    padding: 204px 0 168px;
  }

  .susouc10 {
    padding: 117px 0 154px;
  }

  .susouc11 {
    padding: 131px 0 66px;
  }

  .susouc13 {
    padding: 206px 0 160px;
  }
}

@media (max-width: 992px) {
  .susouc_img img {
    height: 560px;
  }

  .susouc1 {
    padding: 159px 0 125px;
  }

  .susouc3_u {
    flex-wrap: wrap;
  }

  .susouc3_l {
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }

  .susouc4 {
    padding: 167px 0 146px;
  }

  .susouc5_box:nth-child(odd) {
    flex-direction: column;
  }

  .susouc5_box:nth-child(even) {
    flex-direction: column-reverse;
  }

  .susouc5te,
  .susouc5img {
    width: 100%;
  }

  .susouc5p {
    padding-bottom: 0;
  }

  .susouc5te {
    padding: 5% 5.6%;
  }

  .susouc6 {
    padding: 210px 0 207px;
  }

  .susouc7 {
    padding: 59px 0 45px;
  }

  .susouc9 {
    padding: 104px 0 68px;
  }

  .susouc10 {
    padding: 87px 0 64px;
  }

  .susouc13 {
    padding: 106px 0 60px;
  }
}

@media (max-width: 499px) {

  .susouc_bante {
    top: 58%;
  }

  .susouc1 {
    padding: 66px 0 68px;
  }

  .susouc1h {
    margin-bottom: 26px;
  }

  .susouc3 {
    padding: 62px 0 42px;
  }

  .susouc3h {
    margin-bottom: 52px;
  }

  .susouc3_u {
    margin-bottom: 56px;
  }

  .susouc4 {
    padding: 57px 0 46px;
  }

  .susouc4h {
    margin-bottom: 30px;
  }

  .susouc5h {
    margin-bottom: 18px;
  }

  .susouc5te {
    padding: 8% 5.6%;
  }

  .susouc6 {
    padding: 60px 0 57px;
  }

  .susouc6h {
    margin-bottom: 29px;
  }

  .susouc7h {
    margin-bottom: 30px;
  }

  .susouc7p {
    padding-bottom: 36px;
  }

  .susouc9 {
    padding: 64px 0 68px;
  }

  .susouc9h {
    margin-bottom: 30px;
  }

  .susouc9p {
    margin-bottom: 35px;
  }

  .susouc10 {
    padding: 67px 0 54px;
  }

  .susouc10h {
    margin-bottom: 20px;
  }

  .susouc11 {
    padding: 61px 0 46px;
  }

  .susouc11h {
    margin-bottom: 29px;
  }

  .susouc13 {
    padding: 66px 0 50px;
  }

  .susouc13h {
    margin-bottom: 30px;
  }

  .susouc13p {
    margin-bottom: 45px;
  }
}

/* 关于我们（Retail） */
.about-padding {
  padding-top: 328px;
}

.abret1h {
  margin-bottom: 276px;
}

.abret1h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
}

.abret2_box {
  display: flex;
  justify-content: space-between;
}

.abret2_1 {
  width: 57.42%;
  flex: 0 0 auto;
  padding-bottom: 27%;
}

.abret2_2 {
  width: 42.58%;
  background: #F5F5F5;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 12px 50px 12px 88px;
}

.abret2_2h {
  margin-bottom: 21px;
}

.abret2_2h p {
  color: #000;
  text-align: center;
  font-family: colxlight;
  font-size: calc(var(--zj-con_bante) + 2px);
  font-style: normal;
  line-height: normal;
  letter-spacing: 4.32px;
}

.abret2_2p p {
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-ft1form);
  font-style: normal;
  line-height: calc(var(--zj-ft1form) * 1.71);
  letter-spacing: 0.84px;
}

.abret3 {
  padding: 249px 0 289px;
}

.abret3h {
  margin-bottom: 44px;
}

.abret3h p {
  color: #000;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-con2_2h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.abret3p {
  display: flex;
  align-items: center;
  justify-content: center;
}

.abret3p p {
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
  width: 1150px;
  max-width: 100%;
}

.abret4 {
  position: relative;
}

.abret4img {
  padding-bottom: 56%;
}

.abret4_box {
  position: absolute;
  left: 50%;
  top: 51%;
  transform: translate(-50%, -50%);
  z-index: 12;
}

.abret4h {
  margin-bottom: 44px;
}

.abret4h p {
  color: #FFF;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-con2_2h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.abret4p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.abret4p p {
  color: #FFF;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
  width: 1078px;
  max-width: 100%;
}

.abret5 {
  position: relative;
}

.abret5img {
  padding-bottom: 53%;
}

.abret5_box {
  position: absolute;
  left: 50%;
  top: 54%;
  transform: translate(-50%, -50%);
  z-index: 12;
}

.abret5h {
  margin-bottom: 44px;
}

.abret5h p {
  color: #000;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-con2_2h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.abret5p {
  display: flex;
  align-items: center;
  justify-content: center;
}

.abret5p p {
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
  width: 1078px;
  max-width: 100%;
}

@media (max-width: 1536px) {
  .about-padding {
    padding-top: 188px;
  }

  .abcom1h {
    margin-bottom: 59px;
  }

  .abcom1p {
    margin-bottom: 92px;
  }
}

/* 关于我们(our factories) */
.about_ban {
  position: relative;
}

.about_img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.about_bante {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
}

.about_banh p {
  color: #FFF;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: calc(var(--zj-con_bante) * 1.1);
  text-transform: uppercase;
}

.about_bansmh {
  margin-bottom: 48px;
}

.about_bansmh p {
  color: #FFF;
  text-align: center;
  font-family: harBo;
  font-size: calc(var(--zj-con3_1h) - 1px);
  font-style: normal;
  line-height: calc((var(--zj-con3_1h) - 1px) * 1.45);
  text-transform: uppercase;
}

.about_banp {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.about_banp p {
  color: #FFF;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con4p);
  font-style: normal;
  line-height: normal;
  width: 1273px;
  max-width: 100%;
}

.abourfa_box {
  padding: 238px 0 270px;
}

.abourfa1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 222px;
}

.abourfa1:last-of-type {
  margin-bottom: 0;
}

.abourfa1_1 {
  width: 48%;
  flex: 0 0 auto;
  margin-right: calc(-.5 * 1.7rem);
  margin-left: calc(-.5 * 1.7rem);
}

.abourfa1_1img {
  padding-right: calc(1.7rem * .5);
  padding-left: calc(1.7rem * .5);
}

.abourfa1_1img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.abourfa1_2 {
  width: calc(52% - 130px);
}

.abourfa1_2h {
  margin-bottom: 45px;
}

.abourfa1_2h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con2_2h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.abourfa1_2p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
}

.abourfaft {
  position: relative;
}

.abourfaftimg {
  padding-bottom: 38%;
}

.abourfaft_box {
  position: absolute;
  left: 50%;
  top: 57%;
  transform: translate(-50%, -50%);
  z-index: 12;
}

.abourfaft_h {
  margin-bottom: 45px;
}

.abourfaft_h p {
  color: #FFF;
  font-family: harBo;
  font-size: var(--zj-con2_2h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}

.abourfaft_p {
  display: flex;
  align-items: center;
  justify-content: center;
}

.abourfaft_p p {
  color: #FFF;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
  width: 1208px;
  max-width: 100%;
}

/* 关于我们(why hemp) */

.abwhy1h {
  margin-bottom: 78px;
}

.abwhy1h p {
  color: #000;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.abwhy1p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 117px;
}

.abwhy1p p {
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.77);
  width: 592px;
  max-width: 100%;
}

.abwhy2 {
  margin-bottom: 228px;
}

.abwhy2:last-of-type {
  margin-bottom: 0;
}

.abwhy2img {
  padding-bottom: 50%;
  margin-bottom: 87px;
}

.abwhy2te {
  display: flex;
  justify-content: space-between;
}

.abwhy2h {
  width: 38%;
  flex: 0 0 auto;
  padding-right: 12px;
}

.abwhy2h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-susrd1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.abwhy2p {
  width: 62%;
  flex: 0 0 auto
}

.abwhy2p p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.3);
}

.abwhy3 {
  margin-top: 268px;
  padding-bottom: 32%;
}

.abwhy4 {
  padding: 200px 0 236px;
}

.abwhy4p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.abwhy4p p {
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.3);
  width: 920px;
  max-width: 100%;
}

/* 关于我们(Our Company) */
.abcom1 {
  padding-bottom: 164px;
}

.abcom1h {
  margin-bottom: 79px;
}

.abcom1h p {
  color: #000;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.abcom1p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 112px;
}

.abcom1p p {
  color: #000;
  text-align: center;
  font-family: harMe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.6);
  text-transform: uppercase;
  width: 1300px;
  max-width: 100%;
}

.abcom1play {
  max-width: 1000px;
  margin: auto;
  position: relative;
}

.abcom1playimg {
  padding-bottom: 56%;
  overflow: hidden;
}

.abcom1playimg img {
  transition: all 0.5s ease;
}

.abcom1play:hover .abcom1playimg img {
  transform: scale(1.08);
}

.abcom1playico {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: center;
}

.abcom1playico i {
  font-size: 110px;
  color: #FFF;
  display: block;
}

.abcom1playico a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.abcom2 {
  background: #000;
  padding: 134px 0 132px;
}

.abcom2u {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.abcom2l>span {
  width: 1px;
  height: 147px;
  background: #3C3C3C;
  display: block;
}

.abcom2lnum {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}

.abcom2lnum>p {
  color: #FFF;
  font-family: harli;
  font-size: var(--zj-abcom2lnump);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  margin-right: 8px;
}

.abcom2lnum>span {
  color: #FFF;
  font-family: harli;
  font-size: var(--zj-abcom2lnumsp);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}

.abcom2lp p {
  color: #ADADAD;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}

.abcom3 {
  padding: 360px 0 240px;
}

.abcom3h {
  margin-bottom: 46px;
}

.abcom3h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.abcom3p p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.6);
  width: 1287px;
  max-width: 100%;
}

.abcom4sw {
  position: relative;
}

.abcom4sw_top {
  position: relative;
}

.abcom4sw_top::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #BEBEBE;
}

.abcom4sw_end {
  position: relative;
  left: 34%;
}

.abcom4sw_img {
  width: 266px;
  max-width: 100%;
  padding-bottom: 28.6%;
}

.abcom4sw_top .abcom4sw_img {
  margin-bottom: 15px;
}

.abcom4sw_img img {
  transition: all 0.5s ease;
}

.abcom4sw_top:hover .abcom4sw_img img,
.abcom4sw_end:hover .abcom4sw_img img {
  transform: scale(1.08);
}

.abcom4sw_top .abcom4sw_num {
  margin-bottom: 20px;
}

.abcom4sw_end .abcom4sw_num {
  margin-bottom: 15px;
}

.abcom4sw_num p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}

.abcom4sw_te {
  position: relative;
  padding-left: 28px;
  padding-right: 12px;
}

.abcom4sw_top .abcom4sw_te {
  height: 200px;
  padding-top: 15px;
}

.abcom4sw_end .abcom4sw_te {
  height: 188px;
  margin-bottom: 20px;
  padding-top: 20px;
}

.abcom4sw_te::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #BEBEBE;
  left: 0;
  top: 0;
}

.abcom4sw_te>* {
  margin-bottom: 12px;
  display: block;
  width: 420px;
  max-width: 100%;
}

.abcom4sw_te>*:last-child {
  margin-bottom: 0;
}

.abcom4sw_te p {
  color: #000;
  font-family: harBo;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  position: relative;
  padding-left: 16px;
}

.abcom4sw_te p::after {
  position: absolute;
  content: "";
  --w: 4px;
  width: var(--w);
  height: var(--w);
  background: #000;
  border-radius: 50%;
  left: 5px;
  top: 5px;
}

.abcom4sw_te span {
  color: #000;
  font-family: harRe;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}

.abcom5 {
  padding: 340px 0 378px;
}

.abcom5h {
  margin-bottom: 62px;
}

.abcom5h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.abcom5p {
  margin-bottom: 68px;
}

.abcom5p p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.44);
}

.abcom5_u {
  margin-right: calc(-.5 * 5rem);
  margin-left: calc(-.5 * 5rem);
}

.abcom5_l {
  padding-right: calc(5rem * .5);
  padding-left: calc(5rem * .5);
}

.abcom5_limg {
  padding-bottom: 134%;
  margin-bottom: 50px;
  overflow: hidden;
}

.abcom5_limg img {
  transition: all 0.5s ease;
}

.abcom5_la:hover .abcom5_limg img {
  transform: scale(1.08);
}

.abcom5_lh {
  margin-bottom: 20px;
}

.abcom5_lh p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}

.abcom5_lp p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.5);
}

.abcom6 {
  padding-bottom: 47%;
}

.abcom7 {
  padding: 354px 0 322px;
}

.abcom7h {
  margin-bottom: 23px;
}

.abcom7h p {
  color: #000;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.abcom7p p {
  color: #000;
  text-align: center;
  font-family: harMe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
}

.abcom8 {
  padding-bottom: 43%;
}

.abcom9 {
  padding: 464px 0 370px;
}

.abcom9_box {
  display: flex;
  justify-content: space-between;
}

.abcom9_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  flex: 0 0 auto;
  padding-left: 7%;
}

.abcom9_1h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-con_bante);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.abcom9_1p p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) *1.3);
  width: 629px;
  max-width: 100%;
}

.abcom9_2 {
  width: 45%;
  flex: 0 0 auto;
  margin-right: calc(-.5 * 1.24rem);
  margin-left: calc(-.5 * 1.24rem);
}

.abcom9_2sa {
  padding-right: calc(1.24rem * .5);
  padding-left: calc(1.24rem * .5);
}

.abcom9_2img {
  padding-bottom: 120%;
}

.abcom10 {
  padding-bottom: 255px;
}

.abcom10h {
  margin-bottom: 45px;
}

.abcom10h p {
  color: #000;
  text-align: center;
  font-family: harBo;
  font-size: var(--zj-susrd1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.abcom10p {
  margin-bottom: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.abcom10p p {
  color: #000;
  text-align: center;
  font-family: harMe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.6);
  width: 1166px;
  max-width: 100%;
}

.abcom10_u {
  margin-right: calc(-.5 * 0.6rem);
  margin-left: calc(-.5 * 0.6rem);
  margin-bottom: 92px;
}

.abcom10_l {
  padding-right: calc(0.6rem * .5);
  padding-left: calc(0.6rem * .5);
}

.abcom10_limg {
  margin-bottom: 16px;
  overflow: hidden;
}

.abcom10_lh p {
  color: #000;
  text-align: center;
  font-family: harMe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.6);
}

.abcom10smp p {
  color: #000;
  text-align: center;
  font-family: harMe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.6);
}

.abcom11 {
  margin-bottom: 138px;
  position: relative;
}

.abcom11img {
  padding-bottom: 36%;
}

.abcom11te {
  position: absolute;
  left: 50%;
  top: 52%;
  transform: translate(-50%, -50%);
  z-index: 12;
}

.abcom11h {
  margin-bottom: 7px;
}

.abcom11h p {
  color: #FFF;
  font-family: harBo;
  text-align: center;
  font-size: var(--zj-susrd1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.abcom11p {
  display: flex;
  align-items: center;
  justify-content: center
}

.abcom11p p {
  color: #FFF;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.35);
  width: 1034px;
  max-width: 100%;
}

@media (max-width: 1536px) {
  .abcom1playico i {
    font-size: 60px;
  }

  .abcom2lnum {
    margin-bottom: 10px;
  }

  .abcom2 {
    padding: 84px 0 82px;
  }

  .abcom3 {
    padding: 160px 0 140px;
  }

  .abcom5 {
    padding: 140px 0 178px;
  }

  .abcom5_u {
    margin-right: calc(-.5 * 1.6rem);
    margin-left: calc(-.5 * 1.6rem);
  }

  .abcom5_l {
    padding-right: calc(1.6rem * .5);
    padding-left: calc(1.6rem * .5);
  }

  .abcom7 {
    padding: 154px 0 122px;
  }

  .abcom9 {
    padding: 164px 0 170px;
  }

  .abcom10 {
    padding-bottom: 100px;
  }

  .abcom11 {
    margin-bottom: 68px;
  }

  /*  */
  .abwhy1h {
    margin-bottom: 38px;
  }

  .abwhy1p {
    margin-bottom: 77px;
  }

  .abwhy2img {
    margin-bottom: 47px;
  }

  .abwhy2 {
    margin-bottom: 128px;
  }

  .abwhy4 {
    padding: 100px 0 136px;
  }

  /*  */
  .abret1h {
    margin-bottom: 76px;
  }

  .abret3 {
    padding: 149px 0 189px;
  }

  /*  */
  .abourfa_box {
    padding: 138px 0 170px;
  }

  .abourfa1 {
    margin-bottom: 122px;
  }

  .abourfa1_2 {
    width: calc(52% - 80px);
  }
}

@media (max-width: 1199.9px) {
  .abret2_box {
    flex-direction: column-reverse;
    padding-left: 2.9vw !important;
  }

  .abret2_1 {
    width: 100%;
    padding-bottom: 46%;
  }

  .abret2_2 {
    width: 100%;
    padding: 18px 12px;
  }
}

@media (max-width: 992px) {
  .abcom9_box {
    flex-direction: column;
  }

  .abcom9_1 {
    width: 100%;
    padding-left: 0%;
    margin-bottom: 20px;
  }

  .abcom9_2 {
    width: 100%;
  }

  .abcom10_l {
    width: 50%;
    margin-bottom: 20px;
  }

  /*  */
  .about_img img {
    height: 430px;
  }

  .abourfa1:nth-child(odd) {
    flex-direction: column;
  }

  .abourfa1:nth-child(even) {
    flex-direction: column-reverse;
  }

  .abourfa1_1 {
    width: 100%;
    margin-bottom: 20px;
  }

  .abourfa1_2 {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .abcom5_l {
    width: 100%;
  }

  .abcom10_l {
    width: 100%;
  }

  /*  */
  .abwhy2te {
    flex-direction: column;
  }

  .abwhy2h {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px;
  }

  .abwhy2p {
    width: 100%;
  }

  /*  */
  .about_img img {
    height: 500px;
  }

  .abourfaftimg {
    padding-bottom: 52%;
  }
}

@media (max-width: 499px) {
  .about-padding {
    padding-top: 78px;
  }

  .abcom1h {
    margin-bottom: 29px;
  }

  .abcom1p {
    margin-bottom: 42px;
  }

  .abcom1playico i {
    font-size: 30px;
  }

  .abcom1 {
    padding-bottom: 54px;
  }

  .abcom2 {
    padding: 44px 0 42px;
  }

  .abcom2lp p {
    font-size: 12px;
  }

  .abcom2l>span {
    height: 60px;
  }

  .abcom3 {
    padding: 60px 0 40px;
  }

  .abcom3h {
    margin-bottom: 26px;
  }

  .abcom4sw_top .abcom4sw_num {
    margin-bottom: 10px;
  }

  .abcom4sw_top .abcom4sw_te {
    padding-top: 0;
  }

  .abcom4sw_te {
    padding-left: 12px;
  }

  .abcom5h {
    margin-bottom: 22px;
  }

  .abcom5 {
    padding: 60px 0 38px;
  }

  .abcom5p {
    margin-bottom: 38px;
  }

  .abcom5_limg {
    margin-bottom: 20px;
  }

  .abcom5_la {
    margin-bottom: 20px;
  }

  .abcom7 {
    padding: 54px 0 32px;
  }

  .abcom9 {
    padding: 64px 0 70px;
  }

  .abcom10h {
    margin-bottom: 15px;
  }

  .abcom10p {
    margin-bottom: 38px;
  }

  .abcom10_u {
    margin-bottom: 22px;
  }

  .abcom10 {
    padding-bottom: 40px;
  }

  .abcom11img {
    padding-bottom: 84%;
  }

  .abcom11 {
    margin-bottom: 28px;
  }

  /*  */
  .abwhy1h {
    margin-bottom: 18px;
  }

  .abwhy1p {
    margin-bottom: 47px;
  }

  .abwhy2img {
    margin-bottom: 27px;
  }

  .abwhy2h {
    padding-right: 0;
    margin-bottom: 10px;
  }

  .abwhy2 {
    margin-bottom: 48px;
  }

  .abwhy3 {
    margin-top: 48px;
    padding-bottom: 42%;
  }

  .abwhy4 {
    padding: 40px 0 46px;
  }

  /*  */
  .abret1h {
    margin-bottom: 36px;
  }

  .abret3 {
    padding: 49px 0 69px;
  }

  .abret3h {
    margin-bottom: 24px;
  }

  .abret4img {
    padding-bottom: 74%;
  }

  .abret4h {
    margin-bottom: 24px;
  }

  .abret5h {
    margin-bottom: 24px;
  }

  .abret5img {
    padding-bottom: 63%;
  }

  /*  */
  .about_img img {
    height: 500px;
  }

  .abourfa_box {
    padding: 38px 0 40px;
  }

  .abourfa1_1 {
    margin-right: calc(-.5 * 0.3rem);
    margin-left: calc(-.5 * 0.3rem);
  }

  .abourfa1_1img {
    padding-right: calc(0.3rem * .5);
    padding-left: calc(0.3rem * .5);
  }

  .abourfa1_2h {
    margin-bottom: 15px;
  }

  .abourfa1 {
    margin-bottom: 42px;
  }

  .abourfaftimg {
    padding-bottom: 72%;
  }

  .abourfaft_h {
    margin-bottom: 15px;
  }
}

/* ind_ntroduce */
.ind_ntroduce {
  padding: 76px 0 124px;
}

.so1_lico {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.5s ease;
}

.so1_la:hover .so1_lico {
  transform: rotateY(360deg);
}

.so1_lico img {
  height: 66px;
}

.so1_lh {
  margin-bottom: 11px;
}

.so1_lh p {
  color: #000;
  font-family: harMe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}

.so1_lp {
  display: flex;
  align-items: center;
  justify-content: center;
}

.so1_lp p {
  color: #666;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-breadcrumb);
  font-style: normal;
  line-height: calc(var(--zj-breadcrumb) * 1.33);
  width: 350px;
  max-width: 100%;
}

/*  */
.so2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.so2_1 {
  width: calc(48% - 100px);
  flex: 0 0 auto;
  padding-bottom: 40px;
}

.so2_1h {
  margin-bottom: 38px;
}

.so2_1h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-susrd1h);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}

.so2_1p {
  margin-bottom: 76px;
}

.so2_1p p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.55);
  width: 740px;
  max-width: 100%;
}

.so2_1u {
  margin-bottom: 60px;
}

.so2_1lnum {
  display: flex;
  align-items: baseline;
  margin-bottom: 8px;
}

.so2_1lnum p,
.so2_1lnum span {
  color: #000;
  font-family: obbold;
  font-size: var(--zj-so2_1lnum);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}

.so2_1lp p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}

.so2_1btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.so2_1btna {
  display: block;
  padding: 8px 22px;
  transition: all 0.5s ease;
  border: 1px solid #000;
  background: #FFF;
}

.so2_1btna:hover {
  background: #000;
}

.so2_1btna span {
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: normal;
  /* text-transform: uppercase; */
  text-transform: capitalize;
  transition: all 0.5s ease;
}

.so2_1btna:hover span {
  color: #FFF;
}

.so2_2 {
  width: 52%;
  flex: 0 0 auto;
  position: relative;
}

.so2_2img {
  padding-bottom: 70%;
  overflow: hidden;
}

.so2_2img img {
  transition: all 0.5s ease;
}

.so2_2:hover .so2_2img img {
  transform: scale(1.08);
}

.so2_2ico {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
  --w: 120px;
  width: var(--w);
  height: var(--w);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.20);
  transition: all 0.5s ease;
}

.so2_2:hover .so2_2ico {
  transform: translate(-50%, -50%) scale(0.9);
}

.so2_2ico i {
  font-size: 66px;
  color: #fff;
  display: block;
}

.so2_2>a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 13;
}

/* ind_prodect */
.ind_prodect {
  padding: 150px 0 146px;
}

.so3_u {
  margin-right: calc(-.5 * 0.5rem);
  margin-left: calc(-.5 * 0.5rem);
}

.so3_l {
  padding-right: calc(0.5rem * .5);
  padding-left: calc(0.5rem * .5);
}

.so3_la {
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.so3_la::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.2;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #000 100%);
  z-index: 10;
}

.so3_limg {
  padding-bottom: 170%;
  overflow: hidden;
}

.so3_limg img {
  transition: all 0.5s ease;
}

.so3_la:hover .so3_limg img {
  transform: scale(1.08);
}

.so3_lh {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 6%;
  z-index: 14;
  width: 100%;
  text-align: center;
  padding: 0 12px;
}

.so3_lh span {
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con3_1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

/* ind_supply */
.ind_supply {
  margin-bottom: 146px;
}

.so4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.so4_1 {
  width: 51%;
  flex: 0 0 auto;
  position: relative;
}

.so4_1::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.10);
  z-index: 12;
}

.so4_1img {
  padding-bottom: 89%;
  overflow: hidden;
}

.so4_1img img {
  transition: all 0.5s ease;
}

.so4_1:hover .so4_1img img {
  transform: scale(1.08);
}

.so4_2 {
  width: calc(49% - 70px);
}

.so4_2top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 110px;
}

.so4_2topleft {
  width: 52%;
}

.so4_2toph {
  margin-bottom: 38px;
}

.so4_2toph p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-susrd1h);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}

.so4_2topp {
  margin-bottom: 56px;
}

.so4_2topp p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.55);
  width: 350px;
  max-width: 100%;
}

.so4_2topbtn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.so4_2topa {
  display: block;
  border: 1px solid #000;
  background: #FFF;
  padding: 8px 22px;
  transition: all 0.5s ease;
}

.so4_2topa:hover {
  background: #000;
}

.so4_2topa span {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: normal;
  transition: all 0.5s ease;
}

.so4_2topa:hover span {
  color: #fff;
}

.so4_2topright {
  width: 43.5%;
  flex: 0 0 auto;
  position: relative;
}

.so4_2topright::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.10);
  z-index: 12;
}

.so4_2toprightimg {
  padding-bottom: 138%;
  overflow: hidden;
}

.so4_2toprightimg img {
  transition: all 0.5s ease;
}

.so4_2topright:hover .so4_2toprightimg img {
  transform: scale(1.08);
}

.so4_2endp p {
  color: #000;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: calc(var(--zj-ven2_la) * 1.55);
  width: 740px;
  max-width: 100%;
}

/* ind_why */
.so5 {
  position: relative;
}

.so5img img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.so5te {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.so5h {
  margin-bottom: 26px;
}

.so5h p {
  color: #FFF;
  text-align: center;
  font-family: inSeb;
  font-size: var(--zj-ban-texth);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}

.so5p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 38px;
}

.so5p p {
  color: #FFF;
  text-align: center;
  font-family: inRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.4);
  width: 965px;
  max-width: 100%;
}

.so5btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.so5a {
  display: block;
  padding: 8px 22px;
  border: 1px solid #FFF;
  transition: all 0.5s ease;
}

.so5a:hover {
  background: #000;
  border: 1px solid #000;
}

.so5a span {
  color: #FFF;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: normal;
  /* text-transform: uppercase; */
  text-transform: capitalize;
}

.ind_news {
  padding: 134px 0 136px;
}

.so6_top {
  margin-bottom: 52px;
}

.so6_top p {
  color: #000;
  text-align: center;
  font-family: inSeb;
  font-size: var(--zj-ban-texth);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.so6_end {
  display: flex;
  justify-content: space-between;
}

.so6_1 {
  width: 32%;
  flex: 0 0 auto;
}

.so6_2 {
  width: calc(68% - 32px);
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.so6_2u {
  margin-right: calc(-.5 * 1.9rem);
  margin-left: calc(-.5 * 1.9rem);
}

.so6_2l {
  padding-right: calc(1.9rem * .5);
  padding-left: calc(1.9rem * .5);
}

.so6_2btn {
  display: flex;
  justify-content: flex-end;
}

.so6_2a {
  display: block;
  padding: 10px 65px;
  background: #fff;
  border: 1px solid #070708;
  transition: all 0.5s ease;
}

.so6_2a:hover {
  background: #070708;
}

.so6_2a span {
  color: #070708;
  font-family: arcRe;
  font-size: var(--zj-ft1p);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  transition: all 0.5s ease;
}

.so6_2a:hover span {
  color: #fff;
}

/* ind_share */
.ind_share {
  padding-bottom: 50px;
}

.so7 {
  position: relative;
}

.so7img {
  padding-bottom: 13.4%;
}

.so7img img {
  transition: all 0.5s ease;
}

.so7>a:hover .so7img img {
  transform: scale(1.08);
}

.so7btn {
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
  z-index: 12;
  padding: 14px 28px;
  background: #000;
}

.so7btn span {
  color: #FFF;
  text-align: center;
  font-family: inRe;
  font-size: var(--zj-ft1form);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  --size: 1px;
  --color: #FFF;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size, color, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.so7>a:hover .so7btn span {
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
}

@media (max-width: 1536px) {
  .so1_lico img {
    height: 56px;
  }

  .so2_2ico {
    --w: 60px;
  }

  .so2_2ico i {
    font-size: 30px;
  }

  .so4_2 {
    width: calc(49% - 46px);
  }
}

@media (max-width: 992px) {
  .so1_l {
    width: 50%;
    margin-bottom: 20px;
  }

  .so2 {
    flex-direction: column;
  }

  .so2_1 {
    width: 100%;
  }

  .so2_2 {
    width: 100%;
  }

  .so3_l {
    width: 50%;
    margin-bottom: 10px;
  }

  .so4 {
    flex-direction: column;
    padding-left: 2.9vw;
  }

  .so4_1,
  .so4_2 {
    width: 100%;
  }

  .so4_1 {
    margin-bottom: 30px;
  }

  .so6_end {
    flex-direction: column;
  }

  .so6_1,
  .so6_2 {
    width: 100%;
  }

  .so6_1 {
    margin-bottom: 30px;
  }

  .so6_2u {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .so3_l {
    width: 100%;
  }

  .ind_prodect {
    padding: 50px 0 46px;
  }

  .so4_2top {
    flex-direction: column;
    margin-bottom: 40px;
  }

  .so4_2topleft,
  .so4_2topright {
    width: 100%;
  }

  .so4_2topleft {
    margin-bottom: 30px;
  }

  .so4_2toph {
    margin-bottom: 28px;
  }

  .ind_supply {
    margin-bottom: 46px;
  }

  .so6_2l {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 499px) {

  .profi_u,
  .so3 {
    overflow-x: scroll;
  }

  /* //滚动条里的小方块 */
  .profi_u::-webkit-scrollbar-thumb,
  .so3::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: gray;
  }

  /* //滚动条整体样式 */
  .profi_u::-webkit-scrollbar,
  .so3::-webkit-scrollbar {
    display: none;
    width: 5px;
    height: 5px;
  }

  /* //滚动条中心部分 */
  .profi_u::-webkit-scrollbar-track,
  .so3::-webkit-scrollbar-track {
    background-color: pink;
  }

  .so6_2l:last-child {
    display: none;
  }

  .profi_u,
  .so3_u {
    flex-wrap: nowrap;
  }

  .profi_l,
  .so3_l {
    width: 300px;
  }

  .banner {
    margin-top: 49px;
  }

  .banner .swiper-pagination {
    bottom: 20px;
    width: 109px;
  }

  .so1_l {
    width: 100%;
  }

  .ind_ntroduce {
    padding: 36px 0 44px;
  }

  .so2_1h {
    margin-bottom: 20px;
  }

  .so2_1u {
    margin-right: calc(-.5 * 0.2rem);
    margin-left: calc(-.5 * 0.2rem);
  }

  .so2_1l {
    padding-right: calc(0.2rem * .5);
    padding-left: calc(0.2rem * .5);
  }

  .so2_2ico {
    --w: 42px;
  }

  .so2_2ico i {
    font-size: 22px;
  }

  .so2_1p {
    margin-bottom: 36px;
  }

  .so4_1 {
    margin-bottom: 20px;
  }

  .so4_2toph {
    margin-bottom: 12px;
  }

  .so4_2topp {
    margin-bottom: 36px;
  }

  .ind_news {
    padding: 46px 0 86px;
  }

  .so6_top {
    margin-bottom: 22px;
  }

  .so6_2a {
    padding: 6px 40px;
  }

  .so7img {
    padding-bottom: 29.4%;
  }

  .so7btn {
    padding: 10px 12px;
  }
}

/* prode */
.prode {
  padding: 90px 0 110px;
}

.prode1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 156px;
  flex-direction: row-reverse;
}

.prode1_2 {
  width: calc(100% - 50.8% - 117px);
  padding-right: 11vw;
}

.prode1_2h {
  margin-bottom: 54px;
}

.prode1_2h p {
  color: #000;
  font-family: harMe;
  font-size: var(--zj-conad2l_1h);
  font-style: normal;
  line-height: normal;
}

.prode1_2p p {
  color: #000;
  font-family: harMe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.prode1_2p2 {
  margin-bottom: 40px;
}

.prode1_2p2 p {
  color: #666;
  font-family: harRe;
  font-size: var(--zj-breadcrumb);
  font-style: normal;
  line-height: calc(var(--zj-breadcrumb) * 1.73);
}

.prode1_2p2 p a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.prode1_2p2 p a:hover {
  color: #666;
}

.prode1_2p span {
  display: block;
  color: #666;
  font-family: harRe;
  font-size: var(--zj-breadcrumb);
  font-style: normal;
  line-height: calc(var(--zj-breadcrumb) * 2.13);
  position: relative;
  padding-left: 18px;
}

.prode1_2p span::after {
  position: absolute;
  content: "";
  --w: 4px;
  width: var(--w);
  height: var(--w);
  border-radius: 50%;
  background: rgba(91, 91, 91, 1);
  top: 14px;
  left: 5px;
}

.prode1_2btn {
  padding-top: 170px;
  display: flex;
  align-items: center;
}

.prode1_2a {
  display: block;
  padding: 12px 24px;
  border: 1px solid #000;
  color: #000;
  text-align: center;
  font-family: harRe;
  font-size: var(--zj-ft1p);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  transition: all 0.5s ease;
  margin-right: 62px;
}

.prode1_2a:hover {
  color: #fff;
  background: #000;
}

@media (max-width: 1536px) {
  .prode1_2 {
    width: calc(100% - 50.8% - 60px);
  }

  .prode1_2a {
    padding: 10px 22px;
    margin-right: 32px;
  }

  .prode1_2btn {
    padding-top: 120px;
  }
}

@media (max-width: 1199.9px) {
  .prode1_2 {
    padding-right: 0vw;
  }
}

/* prode主体 */
.prode2 {
  padding: 0 11vw;
}

.prode2_1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.prode2_1le {
  width: 38.2%;
  flex: 0 0 auto;
  position: sticky;
  top: 100px;
}

.prode2_1leh {
  margin-bottom: 30px;
}

.prode2_1leh p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-conad2l_1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.prode2_1lep {
  margin-bottom: 84px;
}

.prode2_1lep p {
  color: #000;
  font-family: harMe;
  font-size: var(--zj-ft1p);
  font-style: normal;
  line-height: calc(var(--zj-ft1p) * 1.62);
}

.prode2_1lebtn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.prode2_1lea {
  display: block;
  padding: 8px 24px;
  border: 1px solid #000;
  transition: all 0.5s ease;
}

.prode2_1lea:hover {
  background: #000;
}

.prode2_1lea span {
  color: #000;
  font-family: arcRe;
  font-size: var(--zj-ft1p);
  font-style: normal;
  line-height: calc(var(--zj-ft1p) * 1.5);
  text-transform: uppercase;
  transition: all 0.5s ease;
}

.prode2_1lea:hover span {
  color: #fff;
}

.prode2_1rg {
  width: 52%;
  flex: 0 0 auto;
}

.prode2_1rgl {
  position: relative;
  padding: 26px 24px;
}

.prode2_1rgl::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #D6D6D6;
  left: 0;
  bottom: 0;
}

.prode2_1rgltop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.prode2_1rgltop1 {
  width: 80%;
  flex: 0 0 auto;
}

.prode2_1rgltop1 span {
  color: #000;
  font-family: harMe;
  font-size: var(--zj-con1p);
  font-style: normal;
  line-height: calc(var(--zj-con1p) * 1.3);
  --size: 1px;
  --color: #000;
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-size: 0% var(--size);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition-property: background-size, color, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-beizer(0.4, 0, 0.2, 1);
}

.prode2_1rgltop:hover .prode2_1rgltop1 span {
  background-size: 100% var(--size);
  background-position-x: 0%;
  opacity: 1;
}

.prode2_1rgl.on .prode2_1rgltop:hover .prode2_1rgltop1 span {
  background-size: 0 var(--size);
  background-position-x: 0%;
  opacity: 1;
}

.prode2_1rgltop2 {
  position: relative;
}

.prode2_1rgltop2 i {
  font-size: 20px;
  color: #000000;
  transition: all 0.5s ease;
}

.prode2_1rgltop2 i:nth-child(2) {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.prode2_1rgl.on .prode2_1rgltop2 i:nth-child(1) {
  opacity: 0;
}

.prode2_1rgl.on .prode2_1rgltop2 i:nth-child(2) {
  opacity: 1;
}

.prode2_1rglend {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s ease;
}

.prode2_1rgl.on .prode2_1rglend {
  max-height: 400px;
  opacity: 1;
}

.prode2_1rglendp {
  padding-top: 26px;
}

.prode2_1rglendp p {
  color: #666;
  font-family: harRe;
  font-size: var(--zj-breadcrumb);
  font-style: normal;
  line-height: calc(var(--zj-breadcrumb) * 1.6);
}

/* prodeform */
.prode2_2 {
  padding: 156px 0 170px;
}

.prode2_2h {
  margin-bottom: 40px;
}

.prode2_2h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-conad2l_1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.prode2_2hline {
  background: #000;
  padding: 14px 20px;
  margin-bottom: 10px;
}

.prode2_2hline p {
  color: #FFF;
  font-family: harRe;
  font-size: var(--zj-ven2_la);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}

.prode2_2_u {
  margin-right: calc(-.5 * 0.6rem);
  margin-left: calc(-.5 * 0.6rem);
  margin-bottom: 30px;
}

.prode2_2_l {
  padding-right: calc(0.6rem * .5);
  padding-left: calc(0.6rem * .5);
}

.prode2_2_l input,
.prode2_2_l textarea {
  width: 100%;
  padding: 13px 22px;
  color: #666;
  font-family: harRe;
  font-size: var(--zj-breadcrumb);
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  border: none;
  margin-bottom: 10px;
  background: #F5F5F5;
}

.prode2_2_l input::-webkit-input-placeholder {
  color: rgba(102, 102, 102, 0.8);
}

.prode2_2_l input:-moz-placeholder {
  color: rgba(102, 102, 102, 0.8);
}

.prode2_2_l input::-moz-placeholder {
  color: rgba(102, 102, 102, 0.8);
}

.prode2_2_l input:-ms-input-placeholder {
  color: rgba(102, 102, 102, 0.8);
}

.prode2_2_l textarea::-webkit-input-placeholder {
  color: rgba(102, 102, 102, 0.8);
}

.prode2_2_l textarea:-moz-placeholder {
  color: rgba(102, 102, 102, 0.8);
}

.prode2_2_l textarea::-moz-placeholder {
  color: rgba(102, 102, 102, 0.8);
}

.prode2_2_l textarea:-ms-input-placeholder {
  color: rgba(102, 102, 102, 0.8);
}

.prode2_2fobtn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.prode2_2fobtn button {
  color: #000;
  font-family: arcRe;
  font-size: var(--zj-ft1p);
  font-style: normal;
  line-height: calc(var(--zj-ft1p) * 1.5);
  text-transform: uppercase;
  background: #fff;
  padding: 12px 24px;
  border-radius: 0;
  border: 1px solid #000;
  transition: all 0.5s ease;
}

.prode2_2fobtn button:hover {
  color: #fff;
  background: #000;
}

.prode2_3h {
  margin-bottom: 50px;
}

.prode2_3h p {
  color: #000;
  font-family: harBo;
  font-size: var(--zj-conad2l_1h);
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.prode2_3sw {
  position: relative;
}

#prode2_3sw {
  overflow: hidden;
}

@media (max-width: 1199.9px) {
  .prode2 {
    padding: 0 0vw;
  }
}

@media (max-width: 992px) {
  .prode1 {
    flex-direction: column-reverse;
  }

  .prode1_1,
  .prode1_2 {
    width: 100%;
  }

  .prode1_1 {
    margin-bottom: 30px;
  }

  .prode2_1 {
    flex-direction: column;
  }

  .prode2_1le {
    width: 100%;
    position: relative;
    top: 0;
  }

  .prode2_1rg {
    width: 100%;
  }

  .prode2_2_l {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .prode1_1 {
    flex-direction: column;
  }

  .slider-nav .item {
    margin: 0;
    margin: 0 8px;
  }
}

@media (max-width: 499px) {
  .prode {
    padding: 66px 0 40px;
  }

  .slider-nav .item {
    margin: 0;
    margin: 0 3px;
  }

  .prode1 {
    margin-bottom: 72px;
  }

  .prode1_2h {
    margin-bottom: 34px;
  }

  .prode1_2p p {
    margin-bottom: 8px;
  }

  .prode1_2btn {
    flex-direction: column;
    align-items: flex-start;
  }

  .prode1_2a {
    margin: 0;
    margin-bottom: 20px;
  }

  .prode1_2btn {
    padding-top: 46px;
  }

  .prode2_1leh {
    margin-bottom: 20px;
  }

  .prode2_1lep {
    margin-bottom: 44px;
  }

  .prode2_1rgl {
    padding: 18px 0;
  }

  .prode2_1rgltop2 i {
    font-size: 14px;
  }

  .prode2_1rglendp {
    padding-top: 16px;
  }

  .prode2_2 {
    padding: 66px 0 70px;
  }

  .prode2_2h {
    margin-bottom: 30px;
  }

  .prode2_2hline {
    padding: 8px 12px;
  }

  .prode2_2_l input,
  .prode2_2_l textarea {
    padding: 8px 12px;
  }

  .prode2_2_u {
    margin-bottom: 10px;
  }

  .prode2_2fobtn button {
    padding: 6px 14px;
  }

  .prode2_3h {
    margin-bottom: 30px;
  }
}

.prode1_2share .a2a_kit>a:nth-child(1) {
  width: 36px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  background: #2265A8;
  color: #fff;
  border-radius: 4px;
}