@import url("./swiper-bundle.min.css");
.mask_box {
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-size: cover;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  transition: 0.5s;
  scroll-behavior: smooth;
  height: 100%;
}
html body {
  height: 100%;
  overflow-x: hidden;
  margin: 0 auto;
  font-family: GothamBook, Arial, Helvetica, sans-serif;
  position: relative;
  background-color: #fff;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  color: #333;
  letter-spacing: 0px;
}
html body::before {
  content: "";
  display: table;
}
html body input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  color: #999999;
  border: none;
  outline: none;
}
html body img {
  display: block;
  transition: 0.4s;
  max-width: 100%;
}
html body i {
  display: inline-block;
  transition: 0.3s;
}
html body a {
  display: inline-block;
  color: #333;
  text-decoration: none;
}
html body a[rel~=nofollow] img,
html body a[rel~=sponsored] img,
html body a[rel~=ugc] img {
  outline: none !important;
}
html body a[rel~=nofollow],
html body a[rel~=sponsored],
html body a[rel~=ugc] {
  outline: none !important;
}
html body span {
  display: inline-block;
}
html body a,
html body span,
html body li {
  transition: 0.3s;
}
html body .content {
  margin: auto;
  max-width: 1700px;
  width: calc(100% - 180px);
}
html body li {
  list-style: none;
}

.rightMenu {
  z-index: 11;
  display: none;
  flex-direction: column;
  position: fixed;
  right: 0px;
  transform: translateY(-50%);
  top: 50%;
}
.rightMenu .box {
  border-radius: 32px;
  background: rgba(0, 0, 0, 0.36);
}
.rightMenu .menu_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  width: 50px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  transition: 0.3s;
}
@media screen and (min-width: 993px) {
  .rightMenu .menu_box:hover {
    background: #409b44;
  }
  .rightMenu .menu_box:hover .hide_box {
    display: block;
  }
}
.rightMenu .logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rightMenu .logo img {
  max-width: 90%;
}
.rightMenu .hide_box {
  position: absolute;
  right: 100%;
  padding-right: 10px;
  border-bottom: none;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.rightMenu .hide_box img {
  max-width: none;
}
.rightMenu .hide_box > p {
  background: #409b44;
  white-space: nowrap;
  padding: 5px 10px;
  color: #fff;
  border-radius: 10px;
}
.rightMenu .go_top {
  margin-top: 10px;
  background: #409b44;
  border-radius: 50%;
}

/* nav */
.xnav {
  display: none;
}

.nav {
  position: fixed;
  width: 35px;
  height: 23px;
  background: #409b44;
  right: 2.5%;
  top: 15px;
  cursor: pointer;
  border-radius: 5px;
  z-index: 9999999999;
}

.nav span {
  display: block;
  width: 20px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 50%;
  transition: 0.8s;
  z-index: 99999991;
}

.nav .nav1 {
  margin-top: -1px;
}

.nav .nav2 {
  margin-top: -8px;
}

.nav .nav3 {
  margin-top: 6px;
}

.navh .nav1 {
  transform: rotate(45deg);
}

.navh .nav2 {
  transform: rotate(-45deg);
  width: 10px;
  margin-left: -1px;
  margin-top: -5px;
}

.navh .nav3 {
  transform: rotate(-45deg);
  width: 9px;
  margin-top: 3px;
  margin-left: -8px;
}

.smdaohang {
  position: fixed;
  width: 280px;
  height: 100%;
  opacity: 0;
  overflow: auto;
  top: 0px;
  right: -200%;
  background: #ccc;
  z-index: 9999999;
  transition: 0.5s;
  text-align: center;
}

.smdaohangh {
  right: 0px;
  opacity: 1;
}

.topnav {
  margin: auto;
  margin-top: 30px;
  padding: 20px;
}

ul.topnav li {
  text-align: left;
  position: relative;
}

ul.topnav li a {
  padding: 15px 5px;
  padding-left: 0px;
  color: #333;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  padding-right: 50px;
  border-bottom: 1px dashed #fff;
}

ul.topnav ul {
  display: none;
}

ul.topnav ul li {
  clear: both;
}

ul.topnav ul li a {
  padding: 10px 5px;
  padding-left: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  outline: 0;
  border: none;
}

ul.topnav ul ul li a {
  padding-left: 40px;
  font-size: 12px;
  font-size: 1.2rem;
}

ul.topnav ul ul {
  border-top: 1px dashed rgba(255, 255, 255, 0.5);
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}

ul.topnav ul ul ul li a {
  padding-left: 60px;
}

ul.topnav span {
  display: block;
  position: absolute;
  right: 0px;
  top: 15px;
  width: 20px;
  height: 20px;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  border-radius: 50%;
  transition: 0.5s;
}

ul.topnav span:before {
  content: "";
  width: 6px;
  height: 2px;
  background: #333;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 50%;
  margin-top: 0px;
  transform: rotate(45deg);
  transform-origin: right center;
}

ul.topnav span:after {
  content: "";
  width: 6px;
  height: 2px;
  background: #333;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 50%;
  margin-top: -1px;
  transform: rotate(-45deg);
  transform-origin: right center;
  transition: 0.5s;
}

ul.topnav span.yizi {
  transform: rotate(90deg);
}

.smdaohang form {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 240px;
  height: 26px;
  border: 1px solid #fff;
  position: relative;
  background: #fff;
}

.smdaohang form .iptc {
  box-sizing: border-box;
  padding-left: 15px;
  background-color: #fff;
  width: 80%;
  height: 24px;
  line-height: 24px;
  display: block;
  float: left;
}

.smdaohang form .ipsc {
  width: 20%;
  height: 26px;
  line-height: 26px;
  display: block;
  float: right;
  background: transparent;
  position: relative;
  z-index: 99;
}

.smdaohang form i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .daohang2 {
    display: block;
    text-align: center;
    margin-top: 10px;
  }
  .daohang2 a {
    float: left;
    width: 25%;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 24px;
    text-align: center;
  }
  .daohang,
  .daohang1 {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .xnav {
    display: block;
  }
}
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity 0.5s ease;
  z-index: 100000000000000000000000000000000000000;
}

#baguetteBox-overlay.visible {
  opacity: 1;
}

#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}

#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: Verdana, Geneva, sans-serif;
}

#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  transition: left 0.4s ease, transform 0.4s ease;
}

#baguetteBox-slider.bounce-from-right {
  animation: bounceFromRight 0.4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
  animation: bounceFromLeft 0.4s ease-out;
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  transition: background-color 0.4s ease;
}

.baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
  right: 2%;
}

.baguetteBox-button#previous-button {
  left: 2%;
}

.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
}

.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0;
}

.spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  animation-delay: -1s;
}
@keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
.imgBox {
  width: 100%;
}
.imgBox a {
  display: block;
  width: 100%;
  overflow: hidden;
}
.imgBox a img:hover {
  transform: scale(1.05);
}
.imgBox img {
  max-width: 100%;
  margin: auto;
}

.swiper {
  width: 100%;
}

.swiper-slide img {
  display: block;
  width: 100%;
}

header {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10;
  transition: 0.3s;
  background-color: #fff;
}
header .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .center {
  display: flex;
  align-items: center;
  gap: 79px;
}
header .logoBox {
  width: 167px;
  flex-shrink: 0;
}
header .logoBox a {
  display: block;
}
header .logoBox img {
  width: 100%;
}
header .menuOne.active > a {
  color: #409b44;
}
header .menuOne.active > a .mask_box {
  background: #409b44;
}
header .menuOne.menuactive > a {
  color: #409b44;
}
header .menuOne.menuactive > a .mask_box {
  background: #409b44;
}
header .menuOne {
  font-family: GothamBook;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  line-height: 28px;
  color: #666;
  position: relative;
}
header .menuOne > a {
  color: #666;
  padding: 37px 0px 30px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}
header .menuOne > a span {
  transition: 0s;
}
header .menuOne > a .mask_box {
  width: 14px;
  aspect-ratio: 1/1;
  mask-image: url("../images/header_la.png");
  -webkit-mask-image: url("../images/header_la.png");
  transition: 0.3s;
  background: #666;
}
header .menuOne > a:hover {
  color: #409b44;
}
header .menuOne > a:hover .mask_box {
  background: #409b44;
}
header .menuOne .active > a {
  background: #f6f7f4;
  color: #409b44;
}
header .menuOne .menuactive > a {
  background: #f6f7f4;
  color: #409b44;
}
header .ul {
  min-width: 100px;
  position: absolute;
  display: none;
  left: 100%;
  top: 0;
  padding-left: 5px;
}
header .ul div {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.15);
}
header .ul li {
  text-align: center;
  font-family: GothamBook;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  position: relative;
  color: #666;
}
header .ul li a {
  display: block;
  padding: 5px 20px 7px;
  color: #666;
  white-space: nowrap;
  position: relative;
}
header .ul li a:hover {
  background: #f6f7f4;
  color: #409b44;
}
header .ul li:nth-of-type(1) a {
  border-radius: 5px 5px 0px 0px;
}
header .ul li:nth-last-of-type(1) a {
  border-radius: 0px 0px 5px 5px;
}
header .ul1 {
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  padding-left: 0px;
  padding-top: 10px !important;
}
header .sousuo {
  margin-left: 66px;
  margin-top: 7px;
}
header .sousuo .search {
  cursor: pointer;
  transition: 0.2s;
  color: #666;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (min-width: 993px) {
  header .sousuo .search:hover {
    color: #409b44;
  }
}
header .sousuo .form_zz {
  display: none;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}
header .sousuo .form_box {
  padding: 6% 30px;
  background: rgb(250, 250, 250);
  z-index: 2;
  position: relative;
}
header .sousuo .search_hide {
  position: absolute;
  font-size: 20px;
  right: 20px;
  top: 5px;
  cursor: pointer;
  color: #333;
}
@media screen and (min-width: 993px) {
  header .sousuo .search_hide:hover {
    color: #409b44;
  }
}
header .sousuo form {
  overflow: hidden;
  border-bottom: 1px solid #333;
  z-index: 2;
  margin: 0px auto;
  width: 600px;
  max-width: 100%;
  display: flex;
  align-items: center;
  padding: 0px 5px;
}
header .sousuo form input:nth-of-type(1) {
  height: 42px;
  line-height: 30px;
  border-radius: 4px;
  font-size: 18px;
  color: #2f3135;
  background: none;
  width: 100%;
  padding-right: 10px;
  flex: 1;
}
header .sousuo form input:nth-of-type(2) {
  line-height: 33px;
  font-size: 20px;
  background: none;
  color: #222;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (min-width: 993px) {
  header .sousuo form input:nth-of-type(2):hover {
    color: #409b44;
  }
}
header .dif_ul {
  left: 0;
  top: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
  display: none;
  max-height: calc(100vh - 150px);
  overflow: auto;
}
header .dif_ul::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
header .dif_ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}
header .dif_ul::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}
header .container {
  border-top: 1px solid #dbdbdb;
  padding: 47px 0px 45px;
  align-items: initial;
}
header .dif_ul_r {
  width: 26%;
  border-left: 1px solid #ccc;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: 2.589%;
  margin-right: 3.589%;
}
header .dif_ul_r .imgBox {
  width: 80.953%;
}
header .dif_ul_l {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 61px 4.4226666667%;
  padding-bottom: 61px;
  flex: 1;
}
header .dif_ul_l figure {
  width: 21.683%;
}
header .title {
  color: #333;
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  text-transform: uppercase;
}
header .title a {
  color: #333;
}
@media screen and (min-width: 993px) {
  header .title a:hover {
    color: #409b44;
  }
}
header .list {
  font-family: GothamBook;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  text-transform: capitalize;
  color: #666;
  margin-top: 23px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
header .list a {
  display: flex;
  align-items: center;
  gap: 17px;
  color: #666;
}
@media screen and (min-width: 993px) {
  header .list a:hover {
    color: #409b44;
  }
  header .list a:hover .mask_box {
    background: #409b44;
  }
}
header .list span {
  transition: 0s;
}
header .list .mask_box {
  width: 11px;
  aspect-ratio: 1/1;
  mask-image: url("../images/header_lb.png");
  -webkit-mask-image: url("../images/header_lb.png");
  transition: 0.3s;
  background: #666;
}

.header_boxr {
  display: flex;
  align-items: center;
}

.bofangBox {
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.clear {
  clear: both;
}

.index_banner {
  position: relative;
  border-radius: 0px 0px 12px 12px;
}
.index_banner .mySwiperbanner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.index_banner .swiper-slide {
  overflow: hidden;
  position: relative;
}
.index_banner .swiper-slide > a {
  display: block;
  position: relative;
}
.index_banner .swiper-slide iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.index_banner .swiper-slide video {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 101%;
  min-height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 50%;
  display: none;
  display: block;
}
@media screen and (max-width: 992px) {
  .index_banner .swiper-slide video {
    object-position: inherit;
    object-fit: inherit;
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    left: 0;
    top: 0;
  }
}
.index_banner .swiperindex_banner-pagination {
  font-family: GothamBook;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #666;
  position: absolute;
  width: 100%;
  padding: 0px 34px;
  z-index: 1;
  left: 0;
  bottom: 35px;
}
.index_banner .swiperindex_banner-pagination .active {
  font-family: GothamBold;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 26px;
  color: #333;
}

.lineHeight28 {
  line-height: 28px;
}

.big_title {
  font-family: GothamBold;
  font-size: 42px;
  font-style: normal;
  font-weight: normal;
  line-height: 46px;
  color: #333;
  text-transform: capitalize;
}
.big_title a {
  color: #333;
}
@media screen and (min-width: 993px) {
  .big_title a:hover {
    color: #409b44;
  }
}

.index1 {
  padding: 120px 0px 24px;
}
.index1 .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index1 .l_box {
  width: 50%;
  position: relative;
}
.index1 .r_box {
  width: 45.295%;
  padding-bottom: 1.53%;
}
.index1 .describe {
  margin-top: 5.455%;
  color: #666;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.index1 .buttonBox {
  margin-top: 16.884%;
}
.index1 .swiperindex1-pagination {
  width: 100%;
  position: absolute;
  top: auto;
  left: 0;
  bottom: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  z-index: 2;
}
.index1 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  background: transparent;
  border-radius: 999px;
  opacity: 1;
  display: block;
  margin: 0px !important;
  position: relative;
  pointer-events: all;
  transition: 0.3s;
}
.index1 .swiper-pagination-bullet-active {
  background: #fff;
  width: 27px;
}

.index2 {
  overflow: hidden;
}
.index2 .scroll_box {
  height: 240px;
}

.index2_list {
  display: flex;
  flex-wrap: nowrap;
}
.index2_list li {
  width: 365px;
  flex-shrink: 0;
  margin-right: 25px;
}

.index3 {
  padding: 120px 0px;
}
.index3 .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.index3 .describe {
  margin-top: 35.058%;
  color: #666;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.index3 .buttonBox {
  margin-top: 14.751%;
}

.index3_l {
  width: 35.295%;
  background: #f2f3ee;
  padding: 20px 39px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.index3_r {
  width: 64%;
  display: flex;
  justify-content: space-between;
}
.index3_r .l_box {
  width: 49.173%;
}
.index3_r .r_box {
  width: 49.817%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 5px;
}

.index4 {
  padding-bottom: 118px;
  position: relative;
  z-index: 1;
}
.index4::before {
  content: "";
  position: absolute;
  right: 0;
  top: 36.9%;
  width: 43.59375%;
  aspect-ratio: 837/83;
  background: url("../images/index4_back.png") no-repeat center;
  background-size: cover;
  z-index: -1;
}
.index4 .content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.index4 .buttonBox {
  margin-top: 9.44%;
}

.index4_l {
  width: 54.117%;
  display: flex;
  align-items: center;
}
.index4_l .imgBox {
  display: none;
}

.index4_r {
  width: 43%;
  padding-top: 3.9%;
}

.index4_menu {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 31px;
  margin-top: 8.072%;
}
.index4_menu span {
  width: 49px;
  height: 50px;
  background: #f2f3ee;
  color: #409b44;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media screen and (min-width: 993px) {
  .index4_menu span:hover {
    background: #409b44;
    color: #fff;
  }
}
.index4_menu span.active {
  border-radius: 45px 45px 45px 0px;
  background: #409b44;
  color: #fff;
}

.index4_change {
  margin-top: 18.605%;
}
.index4_change .change_box {
  display: none;
}
.index4_change .title {
  font-family: GothamBold;
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  line-height: 32px;
  color: #333;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 19px;
}
.index4_change .describe {
  margin-top: 7.661%;
  min-height: 140px;
  color: #666;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.index5 {
  padding-bottom: 120px;
}
.index5 .big_title {
  text-align: center;
}

.index5_container {
  margin-top: 76px;
  display: flex;
  justify-content: space-between;
}

.index5_l {
  width: 62.059%;
  display: flex;
  flex-direction: column;
  gap: 39px;
}
.index5_l figure {
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(64, 155, 68, 0.2);
  display: flex;
  align-items: center;
  gap: 29px;
}
.index5_l .l_box {
  width: 40%;
  max-width: 248px;
}
.index5_l .r_box {
  flex: 1;
}
.index5_l .title {
  font-family: GothamBold;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  color: #333;
}
.index5_l .title a {
  color: #333;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 993px) {
  .index5_l .title a:hover {
    color: #409b44;
  }
}
.index5_l .time {
  font-family: GothamBook;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #409b44;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
}
.index5_l .describe {
  color: #666;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 24px;
}

.index5_r {
  width: 33.177%;
}
.index5_r .imgBox {
  height: 100%;
}
.index5_r .imgBox a {
  height: 100%;
}
.index5_r .imgBox img {
  object-fit: cover;
  height: 100%;
}

.bannerBox {
  padding-top: 23.4375%;
  position: relative;
}
.bannerBox::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
}
.bannerBox .content {
  position: absolute;
  left: 50%;
  top: 45.8%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.bannerBox .banner_title {
  font-family: GothamBold;
  font-size: 50px;
  font-style: normal;
  font-weight: normal;
  line-height: 62px;
  color: #fff;
}

.mbx {
  padding-top: 31px;
  font-family: GothamBook;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  color: #555;
}
.mbx a {
  color: #555;
  display: inline;
}
@media screen and (min-width: 993px) {
  .mbx a:hover {
    color: #409b44;
  }
}
.mbx a.active {
  color: #409b44;
}

.to1 {
  padding: 70px 0px 100px;
}
.to1 .describe {
  color: #333;
  margin-top: 24px;
}
.to1 .describe strong {
  font-weight: normal;
  font-family: GothamBold;
  display: inline;
}

.to1_list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 2.3525%;
  margin-top: 41px;
}
.to1_list .big_number {
  font-family: GothamBold;
  font-size: 50px;
  font-style: normal;
  font-weight: normal;
  line-height: 62px;
  color: #409b44;
  display: flex;
  align-items: center;
}
.to1_list li {
  width: 31.765%;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  padding: 35px 47px 43px;
}
.to1_list .text {
  color: #333;
  margin-top: 24px;
}

.to2 {
  background: #f6f7f3;
  padding: 68px 0px 0px;
}
.to2 .big_title {
  text-align: center;
}
.to2 .text {
  color: #666;
  margin-top: 27px;
}
.to2 .content {
  overflow: hidden;
  padding-bottom: 71px;
}

.to2_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 23px;
  margin-top: 38px;
}
.to2_menu span {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #409b44;
  background: #fff;
  font-family: GothamBook;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  color: #409b44;
  min-width: 289px;
  padding: 14px 20px 16px;
  cursor: pointer;
}
@media screen and (min-width: 993px) {
  .to2_menu span:hover {
    background: #409b44;
    color: #fff;
  }
}
.to2_menu span.active {
  background: #409b44;
  color: #fff;
}

.to2_change .sw_box {
  margin-top: 43px;
  position: relative;
}
.to2_change .swiper {
  overflow: initial;
}
.to2_change .swiper-slide {
  background: #fff;
}
.to2_change .swiper-slide .imgBox {
  position: relative;
}
.to2_change .swiper-slide .imgBox::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
  opacity: 1;
}
.to2_change .swiper-slide-active {
  background: #fff;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}
.to2_change .swiper-slide-active .imgBox::before {
  opacity: 0;
}
.to2_change .title {
  font-family: GothamBold;
  font-size: 24px;
  font-style: normal;
  font-weight: bolder;
  line-height: 26px;
  text-transform: capitalize;
  color: #333;
}
.to2_change .describe {
  margin-top: 25px;
}
.to2_change .box {
  padding: 39px 34px 55px;
}
.to2_change .swiper-wrapper {
  align-items: center;
}
.to2_change .swiper_controls .controls {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.to2_change .swiper_controls .controls.prev {
  left: 12.9%;
}
.to2_change .swiper_controls .controls.next {
  right: 12.9%;
}

.to3 {
  padding: 96px 0px 100px;
}
.to3 .big_title {
  text-align: center;
  color: #333;
  display: flex;
  flex-direction: column;
  gap: 19px;
}
.to3 .text {
  color: #666;
  margin-top: 42px;
}

.to3_list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 2.528%;
  margin-top: 68px;
}
.to3_list li {
  width: 31.648%;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.to3_list li:nth-of-type(even) {
  flex-direction: column-reverse;
}
.to3_list figure {
  position: relative;
}
@media screen and (min-width: 993px) {
  .to3_list figure:hover .hide_box {
    opacity: 1;
  }
}
.to3_list .hide_box {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.3s;
}
.to3_list .hide_box::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 20px;
  width: calc(100% - 52px);
  height: calc(100% - 48px);
  border: 2px solid #409b44;
  z-index: -1;
}
.to3_list .box {
  text-align: center;
  padding: 0px 60px 0px;
}
.to3_list .title {
  font-family: GothamBold;
  font-size: 26px;
  font-style: normal;
  font-weight: normal;
  line-height: 26px;
  text-transform: capitalize;
  color: #000;
}
.to3_list .describe {
  color: #666;
  margin-top: 24px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.to3_list .buttonBox {
  justify-content: center;
  margin-top: 35px;
}
.to3_list figure:nth-of-type(1) .describe {
  -webkit-line-clamp: 5;
}

.to4 {
  background: #f6f7f4;
  padding: 62px 0px 57px;
}
.to4 .big_title {
  text-align: center;
  color: #333;
}
.to4 .text {
  text-align: center;
  color: #666;
  margin-top: 24px;
}
.to4 .name {
  color: #666;
  padding: 19px 16px 0px;
}
.to4 .sw_box {
  margin-top: 56px;
}
.to4 .swiper_box {
  display: flex;
  align-items: center;
  gap: 52px;
  margin-top: 43px;
}
.to4 .swiperto4-pagination {
  position: relative;
  flex: 1;
  height: 1px;
  background: #ccc;
}
.to4 .swiper-pagination-progressbar-fill {
  background: #409b44;
}

.to5 {
  padding: 96px 0px 135px;
}
.to5 .big_title {
  text-align: center;
}
.to5 .text {
  color: #666;
  margin-top: 28px;
}
.to5 .swiper_button {
  justify-content: center;
  margin-top: 23px;
}
.to5 .name {
  text-align: center;
  margin-top: 17px;
}
.to5 .sw_box {
  margin-top: 36px;
}
@media screen and (min-width: 993px) {
  .to5 .swiper-slide:hover .hide_box {
    opacity: 1;
  }
}
.to5 .box {
  position: relative;
}
.to5 .hide_box {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  transition: 0.3s;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.to5 .hide_box img {
  width: 42px;
}

.to6 {
  padding-bottom: 113px;
}
.to6 .big_title {
  text-align: center;
}

.to6_list {
  margin-top: 66px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 50px 0px;
}
.to6_list li {
  width: 48.706%;
  background: #fff;
  box-shadow: 0 0 30px 0 rgba(48, 74, 108, 0.12);
  padding: 23px 23px 27px;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.to6_list .l_box {
  width: 42.839%;
  max-width: 335px;
}
.to6_list .r_box {
  flex: 1;
  position: relative;
}
.to6_list .title {
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 30px;
  color: #333;
  flex: 1;
  padding-top: 4px;
}
.to6_list .top {
  display: flex;
  align-items: flex-start;
  gap: 28px;
}
.to6_list .number {
  font-family: GothamBold;
  font-size: 36px;
  font-style: normal;
  font-weight: normal;
  line-height: 46px;
  color: #409b44;
}
.to6_list .container {
  padding-top: 6px;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 4px);
  max-height: 100%;
  overflow: auto;
}
.to6_list .container::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.to6_list .container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}
.to6_list .container::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}
.to6_list .describe {
  color: #666;
  margin-top: 11px;
}

.tt1 {
  padding: 74px 0px 102px;
  overflow: hidden;
}
.tt1 .big_title {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 25px;
}
.tt1 .content {
  display: flex;
  flex-direction: column;
  gap: 97px;
}
.tt1 figure {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}
.tt1 figure:nth-of-type(even) {
  padding: 71px 0px 69px;
  flex-direction: row-reverse;
}
.tt1 figure:nth-of-type(even)::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background: #f6f7f4;
  z-index: -1;
}
.tt1 .l_box {
  width: 50%;
}
.tt1 .r_box {
  width: 47.412%;
  padding-bottom: 4px;
}
.tt1 .title {
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #333;
  margin-top: 25px;
}
.tt1 .describe {
  color: #666;
  margin-top: 21px;
}
.tt1 .describe em {
  font-style: normal;
  display: block;
  position: relative;
  padding-left: 32px;
}
.tt1 .describe em::before {
  content: "";
  position: absolute;
  left: 0;
  width: 16px;
  aspect-ratio: 1/1;
  background: url("../images/tt1_la.png") no-repeat center;
  background-size: cover;
  top: 8px;
}
.tt1 .describe strong {
  font-weight: normal;
  font-family: GothamBold;
}
.tt1 .describe p:not(:nth-of-type(1)) {
  margin-top: 16px;
}
.tt1 .buttonBox {
  margin-top: 26px;
}

.tt2 {
  background: #f6f7f4;
  padding: 70px 0px 98px;
}
.tt2 .big_title,
.tt2 .text {
  text-align: center;
}
.tt2 .text {
  color: #666;
  margin-top: 17px;
}

.tt2_list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 2.0696%;
  margin-top: 49px;
}
.tt2_list li {
  width: 14.942%;
}
.tt2_list .name {
  color: #666;
  text-align: center;
  font-size: 16px;
  line-height: 28px;
  margin-top: 12px;
}

.tth1 {
  padding: 70px 0px 91px;
}
.tth1 .title_before {
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 26px;
  color: #555;
}
.tth1 .big_title {
  margin-top: 16px;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 22px;
}
.tth1 .text {
  font-family: GothamBook;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #666;
  margin-top: 21px;
}
.tth1 .text em {
  font-style: normal;
  color: #333;
}
.tth1 .title {
  font-family: GothamBold;
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  line-height: 32px;
  color: #333;
}
.tth1 .describe {
  color: #666;
  margin-top: 22px;
}
.tth1 .describe em {
  font-style: normal;
  color: #666;
  display: block;
  position: relative;
  padding-left: 34px;
  margin-top: 11px;
}
.tth1 .describe em::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  aspect-ratio: 1/1;
  background: url("../images/tt1_la.png") no-repeat center;
  background-size: cover;
  top: 7px;
}
.tth1 .describe img {
  display: inline-block;
}

.tth1_container {
  margin-top: 57px;
  display: flex;
  flex-direction: column;
  gap: 69px;
}

.tth1_list {
  width: 100%;
  max-width: 1383px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 0px;
  margin-top: 30px;
}
.tth1_list li {
  width: 48.663%;
}

.tho1_title {
  font-family: GothamBold;
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  line-height: 32px;
  color: #333;
}

.tho1 {
  padding: 46px 0px 97px;
}
.tho1 .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.tho1 .describe {
  color: #666;
  margin-top: 21px;
}

.tho1_l {
  width: 50.589%;
}

.tho1_r {
  width: 47.295%;
  padding-top: 22px;
}

.tho1_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 2.2385%;
  margin-top: 90px;
}
.tho1_list li {
  width: 31.841%;
  cursor: pointer;
  border: 1px solid transparent;
}
.tho1_list li.active {
  border: 1px solid #409b44;
}

.tho2 {
  padding-bottom: 97px;
}
.tho2 .content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tho2_r {
  width: 78.236%;
}
.tho2_r .text {
  color: #666;
  margin-top: 27px;
}
.tho2_r form {
  margin-top: 70px;
}

.tho2_list {
  display: flex;
  flex-wrap: wrap;
  gap: 87px 3.308%;
}
.tho2_list li {
  width: 31.128%;
}
@media screen and (min-width: 993px) {
  .tho2_list li:hover .title,
  .tho2_list li:hover .describe {
    color: #409b44;
  }
  .tho2_list li:hover .title a,
  .tho2_list li:hover .describe a {
    color: #409b44;
  }
  .tho2_list li:hover .input_box span {
    border: 1px solid #409b44;
  }
 /* .tho2_list li:hover .links {
    background: #409b44;
    color: #fff;
  } */
}
.tho2_list .imgBox {
  border: 1px solid #e6e6e6;
}
.tho2_list .title {
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  text-transform: capitalize;
  color: #333;
}
.tho2_list .title a {
  color: #333;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 993px) {
  .tho2_list .title a:hover {
    text-underline-offset: 2px;
    text-decoration: underline;
  }
}
.tho2_list .describe {
  font-size: 16px;
  line-height: 26px;
  min-height: 52px;
  color: #666;
  transition: 0.3s;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 16px;
}
.tho2_list .box {
  padding: 26px 10px 0px;
}
.tho2_list .input_links {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 29px;
  flex-wrap: wrap;
}
.tho2_list .input_box {
  position: relative;
}
.tho2_list .input_box input {
  width: 20px;
  height: 20px;
  display: block;
  opacity: 0;
  cursor: pointer;
}
.tho2_list .input_box input:checked {
  opacity: 1;
}
.tho2_list .input_box input:checked + span {
  display: none;
}
.tho2_list .input_box span {
  position: absolute;
  z-index: 1;
  inset: 0;
  border: 1px solid #999;
  pointer-events: none;
}
.tho2_list .links {
  font-family: GothamBook;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #409b44;
  border-radius: 99px;
  border: 1px solid #409b44;
  display: block;
  text-align: center;
  padding: 10px 30px 11px;
  min-width: 153px;
}
.tho2_list .links:hover{
	background: #409b44;
	color: #fff;
}

.tho2_list .add_cart.active{
	background: #409b44;
	color: #fff;
}

.tht1 {
  padding: 41px 0px 52px;
}
.tht1 .content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.tht1 .sw_box1 {
  width: 83.624%;
  position: relative;
  z-index: 2;
  border: 1px solid #e6e6e6;
}
.tht1 .r_box {
  width: 50.648%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-top: 3px;
}
.tht1 .box {
  width: 100%;
  position: relative;
}
.tht1 .swiper-slide {
  position: relative;
  overflow: hidden;
}
.tht1 .swiper-slide iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tht1 .swiper-slide video {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 101%;
  min-height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  display: none;
  display: block;
}
@media screen and (max-width: 992px) {
  .tht1 .swiper-slide video {
    object-position: inherit;
    object-fit: inherit;
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    left: 0;
    top: 0;
  }
}
.tht1 .mySwipertht1_2 {
  width: 100%;
  height: 90.8333333333%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0px auto;
}
.tht1 .mySwipertht1_2 .swiper-slide {
  cursor: pointer;
  position: relative;
  border: 1px solid #e5e5e5;
  overflow: hidden;
}
.tht1 .mySwipertht1_2 .swiper-slide-thumb-active {
  border: 1px solid #409b44;
}
.tht1 .sw_box {
  position: absolute;
  top: 0;
  right: 0;
  width: 13.241%;
  height: 100%;
}
.tht1 .pic-btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 1;
  width: 25px;
  aspect-ratio: 25/20;
  background: #999;
  transition: 0.3s;
  cursor: pointer;
}
@media screen and (min-width: 993px) {
  .tht1 .pic-btn:hover {
    background: #409b44;
  }
}
.tht1 .pic-btn.prev {
  top: 0px;
  mask-image: url("../images/tht1_la.png");
  -webkit-mask-image: url("../images/tht1_la.png");
}
.tht1 .pic-btn.next {
  bottom: 0px;
  mask-image: url("../images/tht1_lb.png");
  -webkit-mask-image: url("../images/tht1_lb.png");
}

.tht1_l {
  width: 46.295%;
}
.tht1_l .big_title {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 24px;
}
.tht1_l .text {
  font-family: GothamBook;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #333;
  margin-top: 19px;
}
.tht1_l .buttonBox {
  gap: 20px 29px;
  flex-wrap: wrap;
}
.tht1_l .share_box {
  font-size: 16px;
  line-height: 28px;
  color: #666;
  display: flex;
  align-items: center;
  gap: 26px;
}
.tht1_l .flex_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 55px;
}

.tht1_list {
  margin-top: 47px;
}
.tht1_list .title {
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #333;
  flex: 1;
}
.tht1_list .faq_q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  cursor: pointer;
}
.tht1_list .mask_box {
  width: 25px;
  aspect-ratio: 25/20;
  transition: 0.3s;
  background: #999;
  mask-image: url("../images/tht1_lb.png");
  -webkit-mask-image: url("../images/tht1_lb.png");
  transition: 0.3s;
  transform: rotate(-90deg);
}
.tht1_list .faq_q.active .mask_box {
  background: #409b44;
  transform: none;
}
.tht1_list .faq_a {
  margin-top: 20px;
}
.tht1_list .describe {
  color: #333;
}
.tht1_list .table table tr:nth-of-type(1) {
  background: #ebf5ed;
  font-size: 20px;
}
.tht1_list .table table tr:nth-of-type(1) td {
  font-family: GothamBold;
  border: 1px solid #d3e6d3;
}
.tht1_list .table table td {
  border: 1px solid #e1e2e4;
  padding: 10px 35px 12px;
}

.tht2 {
  padding-bottom: 66px;
}
.tht2 .describe {
  color: #666;
  margin-top: 34px;
}
.tht2 .describe p {
  padding-left: 32px;
  position: relative;
}
.tht2 .describe p::before {
  content: "";
  position: absolute;
  width: 16px;
  aspect-ratio: 1/1;
  background: url("../images/tt1_la.png") no-repeat center;
  background-size: cover;
  left: 0;
  top: 6px;
}
.tht2 .describe p:not(:nth-of-type(1)) {
  margin-top: 14px;
}

.tht3 {
  padding-bottom: 88px;
}
.tht3 .text {
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  color: #333;
  margin-top: 16px;
}
.tht3 .describe {
  color: #666;
  margin-top: 13px;
}

.tht4 {
  padding-bottom: 97px;
}
.tht4 .sw_box {
  margin-top: 53px;
}
.tht4 .title {
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #333;
}
.tht4 .describe {
  font-size: 16px;
  line-height: 26px;
  color: #666;
  margin-top: 10px;
}
.tht4 .box {
  padding: 23px 20px 0px;
}

.tht5 {
  padding-bottom: 118px;
}
.tht5 .name {
  text-align: center;
  margin-top: 17px;
}
.tht5 .sw_box {
  margin-top: 68px;
}
@media screen and (min-width: 993px) {
  .tht5 .swiper-slide:hover .hide_box {
    opacity: 1;
  }
}
.tht5 .box {
  position: relative;
}
.tht5 .hide_box {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  transition: 0.3s;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.tht5 .hide_box img {
  width: 42px;
}

.fuo1 {
  padding: 52px 0px 83px;
}
.fuo1 .big_title {
  text-align: center;
}

.fuo1_list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 2.882%;
  margin-top: 64px;
}
.fuo1_list li {
  width: 31.412%;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  padding: 41px 37px 42px;
}
@media screen and (min-width: 993px) {
  .fuo1_list li:hover {
    background: #409b44;
  }
  .fuo1_list li:hover .logo img {
    filter: brightness(0) invert(1);
  }
  .fuo1_list li:hover .name,
  .fuo1_list li:hover .describe {
    color: #fff;
  }
}
.fuo1_list .logo {
  width: 70px;
}
.fuo1_list .logo img {
  transition: 0.2s;
}
.fuo1_list .name {
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  text-transform: capitalize;
  color: #333;
  transition: 0.3s;
  margin-top: 27px;
}
.fuo1_list .describe {
  color: #666;
  transition: 0.3s;
  margin-top: 16px;
}

.fuo2 {
  background: #f6f7f4;
  padding: 79px 0px 80px;
}
.fuo2 .big_title {
  text-align: center;
}
.fuo2 .style_box {
  width: 68.47%;
  margin: 64px auto 0px;
  border-bottom: 2px solid #409b44;
  position: relative;
}
.fuo2 .box {
  width: 24px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #409b44;
  position: absolute;
  top: -12px;
}
.fuo2 .box:nth-of-type(1) {
  left: -12px;
}
.fuo2 .box:nth-of-type(2) {
  left: 50%;
  transform: translateX(-50%);
}
.fuo2 .box:nth-of-type(3) {
  right: -12px;
}

.fuo2_list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 2.705%;
  margin-top: 55px;
}
.fuo2_list li {
  width: 31.53%;
}
.fuo2_list .describe {
  font-size: 16px;
  line-height: 28px;
  color: #666;
  margin-top: 13px;
}
.fuo2_list .title {
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #333;
}
.fuo2_list .number {
  font-family: GothamBold;
  font-size: 42px;
  font-style: normal;
  font-weight: normal;
  line-height: 46px;
  color: #409b44;
  min-width: 57px;
}
.fuo2_list .flex_box {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 25px;
}
.fuo2_list .r_box {
  flex: 1;
  padding-top: 3px;
}

.fuo3 {
  padding: 98px 0px 105px;
}
.fuo3 .big_title {
  text-align: center;
}

.fuo3_container {
  margin-top: 65px;
  display: flex;
  justify-content: space-between;
}
.fuo3_container .describe {
  font-size: 16px;
  color: #666;
  margin-top: 16px;
}
.fuo3_container .title {
  font-family: GothamBold;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 26px;
  color: #333;
}
.fuo3_container .logo {
  width: 55px;
}
.fuo3_container figure {
  display: flex;
  align-items: flex-start;
  gap: 26px;
  border-bottom: 1px solid #dbdada;
  padding-bottom: 31px;
}
.fuo3_container .box {
  flex: 1;
}

.fuo3_l {
  width: 46.942%;
}
.fuo3_l .imgBox {
  height: 100%;
}
.fuo3_l .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fuo3_r {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 31px;
  padding-top: 16px;
}

.fuo4 {
  background: #f6f7f4;
  padding: 71px 0px 87px;
}
.fuo4 .big_title {
  text-align: center;
}
.fuo4 .text {
  font-family: GothamBook;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  color: #666;
  text-align: center;
  margin-top: 20px;
}

.fuo4_list {
  gap: 30px 86px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
}
.fuo4_list li {
  width: calc((100% - 258px) / 4);
  background: #fff;
  padding: 23px 27px 29px;
  position: relative;
}
.fuo4_list li::before {
  content: "";
  position: absolute;
  right: 0;
  background: url("../images/fuo4_ia.png") no-repeat center;
  background-size: cover;
  width: 44px;
  aspect-ratio: 1/1;
  top: 50%;
  right: -21px;
  transform: translate(100%, -50%);
}
@media screen and (min-width: 993px) {
  .fuo4_list li:hover {
    background: #409b44;
  }
  .fuo4_list li:hover .logo img {
    filter: brightness(0) invert(1);
  }
  .fuo4_list li:hover .title,
  .fuo4_list li:hover .describe {
    color: #fff;
  }
}
.fuo4_list li:nth-of-type(4n + 4)::before {
  display: none;
}
.fuo4_list .logo {
  width: 60px;
}
.fuo4_list .logo img {
  transition: 0.2s;
}
.fuo4_list .title {
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #333;
  margin-top: 17px;
  transition: 0.3s;
}
.fuo4_list .describe {
  color: #666;
  margin-top: 13px;
  transition: 0.3s;
}

.fuo5 {
  background: #409b44;
  padding: 78px 0px 111px;
}
.fuo5 .big_title {
  line-height: 65px;
}
.fuo5 .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6%;
}
.fuo5 .fuo5_l {
  flex: 1;
  max-width: 1350px;
}
.fuo5 .fuo5_r {
  margin-right: 2.353%;
}
.fuo5 .big_title {
  color: #fff;
}
@media screen and (min-width: 993px) {
  .fuo5 .buttonBox a:hover {
    border: 1px solid #fff;
  }
}
.fuo5 .text {
  color: #fff;
  font-family: GothamBook;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  margin-top: 29px;
}

.fo_form {
  padding: 45px 0px 59px;
}
.fo_form form {
  position: relative;
  overflow: hidden;
  z-index: 2;
  margin: 0px auto;
  width: 100%;
  max-width: 1318px;
  display: flex;
  padding: 0px 5px;
}
.fo_form form input {
  border: 1px solid #d0d0d0;
  border-right: none;
  font-family: GothamBook;
  font-size: 16px;
  line-height: 28px;
  color: #2f3135;
  background: none;
  width: 100%;
  padding: 0px 40px;
  flex: 1;
  height: 60px;
}
.fo_form .logo {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.fo_form .submit {
  position: relative;
  color: #fff;
  transition: 0.3s;
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  min-width: 128px;
  padding: 6px 20px;
  background: #409b44;
  border: 1px solid #409b44;
}
@media screen and (min-width: 993px) {
  .fo_form .submit:hover {
    background: #fff;
    color: #409b44;
  }
  .fo_form .submit:hover .mask_box {
    background: #409b44;
  }
}
.fo_form .submit input {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.fo_form .submit .mask_box {
  width: 10px;
  aspect-ratio: 10/11;
  mask-image: url("../images/fo_form_la.png");
  -webkit-mask-image: url("../images/fo_form_la.png");
  background: #fff;
  transition: 0.3s;
}

.fo1 {
  padding-bottom: 132px;
}
.fo1 .PageNumber {
  margin-top: 82px;
}

.fo1_list li:not(:nth-of-type(1)) {
  margin-top: 78px;
}

.fo1_container {
  margin-top: 38px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.fo1_container .title {
  flex: 1;
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #333;
}
.fo1_container figure {
  background: #f6f7f4;
  padding: 21px 26px;
  min-height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fo1_container .logo {
  width: 36px;
  margin-right: 3px;
}
.fo1_container .logo img:nth-of-type(2) {
  display: none;
}
.fo1_container .faq_q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  cursor: pointer;
  width: 100%;
}
.fo1_container .faq_a {
  width: 100%;
  display: none;
  margin-top: 12px;
  padding-bottom: 5px;
}
.fo1_container .describe {
  color: #666;
  padding-right: 56px;
}
.fo1_container .faq_q.active .logo img:nth-of-type(1) {
  display: none;
}
.fo1_container .faq_q.active .logo img:nth-of-type(2) {
  display: block;
}

.so1 {
  padding: 41px 0px 171px;
}
.so1 .content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.so1_l {
  width: 75.295%;
  padding-top: 4px;
}
.so1_l .container {
  display: flex;
  flex-direction: column;
  gap: 45px;
}
.so1_l figure {
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(64, 155, 68, 0.2);
  display: flex;
  align-items: center;
  gap: 29px;
  transition: 0.3s;
}
@media screen and (min-width: 993px) {
  .so1_l figure:hover {
    background: #409b44;
  }
  .so1_l figure:hover .title,
  .so1_l figure:hover .title a,
  .so1_l figure:hover .describe,
  .so1_l figure:hover .time {
    color: #fff;
  }
  .so1_l figure:hover .time img {
    filter: brightness(0) invert(1);
  }
}
.so1_l .l_box {
  width: 40%;
  max-width: 248px;
}
.so1_l .r_box {
  flex: 1;
}
.so1_l .title {
  font-family: GothamBold;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  color: #333;
}
.so1_l .title a {
  color: #333;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 993px) {
  .so1_l .title a:hover {
    color: #409b44;
  }
}
.so1_l .time {
  font-family: GothamBook;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #409b44;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  transition: 0.3s;
}
.so1_l .time img {
  transition: 0.2s;
}
.so1_l .describe {
  color: #666;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 24px;
  transition: 0.3s;
}
.so1_l .PageNumber {
  margin-top: 78px;
}

.st1 {
  padding: 41px 0px 150px;
}

.st1_l {
  padding-top: 1px;
}
.st1_l h1 {
  font-family: GothamBold;
  font-size: 38px;
  font-style: normal;
  font-weight: normal;
  line-height: 40px;
  color: #333;
}
.st1_l .time_box {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: GothamBook;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #666;
}
.st1_l .share_box {
  font-family: GothamBook;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  color: #666;
  display: flex;
  align-items: center;
  gap: 13px;
}
.st1_l .time_share {
  display: flex;
  align-items: center;
  gap: 43px;
  flex-wrap: wrap;
  margin-top: 35px;
}

.st1_title_after {
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #333;
  margin-top: 25px;
}

.st1_container {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 27px;
  padding: 35px 0px 60px;
}
.st1_container .text {
  color: #666;
}
.st1_container .text strong{
    color: #333;
}
.st1_container .text em {
  padding-left: 30px;
  position: relative;
  display: block;
  font-style: normal;
  margin-top: 10px;
}
.st1_container .text em::before {
  content: "";
  position: absolute;
  width: 16px;
  aspect-ratio: 1/1;
  background: url("../images/tt1_la.png") no-repeat center;
  background-size: cover;
  left: 0;
  top: 6px;
}
.st1_container .text img {
  display: inline-block;
}
.st1_container .st1_title {
  font-family: GothamBold;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 26px;
  color: #333;
}
.st1_container .box {
  margin-top: 48px;
}
.st1_container .st1_title + .text {
  margin-top: 25px;
}
.st1_container .st1_title_after + .text {
  margin-top: 11px;
}

.st1_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 0px;
  margin-top: 43px;
}
.st1_list li {
  width: 48.047%;
}

.so1_r {
  width: 20.824%;
}
.so1_r .time {
  font-family: GothamBook;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  color: #409b44;
}
.so1_r .title {
  font-family: GothamBook;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  color: #333;
  margin-top: 5px;
}
.so1_r .title a {
  color: #333;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 993px) {
  .so1_r .title a:hover {
    color: #409b44;
  }
}
.so1_r .box {
  padding: 20px 8px 0px;
}

.so1_r_list {
  margin-top: 45px;
  display: flex;
  flex-direction: column;
  gap: 55px;
}

.seo1 {
  padding: 42px 0px 82px;
}
.seo1 .big_title, .seo1 .text {
  text-align: center;
}
.seo1 .text {
  font-family: GothamBook;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  color: #333;
  margin-top: 25px;
}

.seo1_list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 1.205%;
  margin-top: 46px;
}
.seo1_list li {
  width: 32.53%;
}
.seo1_list .name {
  font-family: GothamBold;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 26px;
  color: #333;
  margin-top: 15px;
}
.seo1_list .describe {
  margin-top: 8px;
  color: #555;
}

.seo2 {
  background: url("../images/seo2_back.jpg") no-repeat center;
  background-size: cover;
  position: relative;
  padding: 10.9% 0px 11.2%;
}
.seo2::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.8;
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
.seo2 .content {
  position: relative;
  z-index: 1;
}
.seo2 .big_title {
  color: #fff;
}
.seo2 .title {
  font-family: GothamBold;
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  line-height: 32px;
  color: #fff;
  opacity: 0.8;
  margin-top: 9px;
}
.seo2 .container {
  width: 100%;
  max-width: 950px;
}
.seo2 .describe {
  font-family: GothamBook;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  color: #fff;
  opacity: 0.8;
  margin-top: 33px;
}

.seo3 {
  padding: 96px 0px 100px;
}
.seo3 .text {
  font-size: 16px;
  line-height: 28px;
  color: #333;
  opacity: 0.8;
  margin-top: 17px;
}
.seo3 .title {
  font-family: GothamBold;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 26px;
  color: #333;
}
.seo3 .tags {
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #555;
  margin-top: 14px;
}
.seo3 .tags p{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 58px;
}
.seo3 .tags span {
  display: block;
  position: relative;
  padding-left: 31px;
}
.seo3 .tags span::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 8px;
  width: 6px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #555;
}
.seo3 figure {
  margin-top: 41px;
}

.seo3_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px 0px;
  margin-top: 40px;
}
.seo3_list li {
  width: 100%;
  aspect-ratio: 1700/520;
  display: flex;
  align-items: center;
}
.seo3_list .half {
  width: 49.412%;
  aspect-ratio: 840/520;
  align-items: flex-end;
}
.seo3_list .half .container {
  padding: 4.1% 70px;
}
.seo3_list .half .describe {
  line-height: 22px;
  min-height: auto;
  margin-top: 9px;
}
.seo3_list .name {
  font-family: GothamBold;
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  line-height: 32px;
  color: #fff;
}
.seo3_list .describe {
  font-family: GothamBook;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 36px;
  color: #ECECEC;
  margin-top: 2px;
  min-height: 108px;
}
.seo3_list .container {
  padding: 0px 70px 2.8%;
  width: 100%;
}

.seo4 {
  background: #F6F7F4;
  padding: 76px 0px 92px;
}
.seo4 .text {
  color: #666;
  margin-top: 19px;
}
.seo4 .big_title, .seo4 .text {
  text-align: center;
}

.seo4_list {
  display: flex;
  flex-wrap: wrap;
  gap: 55px 3.2345%;
  margin-top: 58px;
}
.seo4_list li {
  width: 31.177%;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 40px 40px;
  min-height: 288px;
}
.seo4_list .title {
  font-family: GothamBold;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 26px;
  color: #333;
  margin-top: 24px;
  position: relative;
}
.seo4_list .title::before {
  content: "";
  position: absolute;
  width: 6px;
  height: calc(100% + 4px);
  background: #409b44;
  border-radius: 30px;
  left: -40px;
  top: -2px;
}
.seo4_list .describe {
  color: #666;
  margin-top: 17px;
}
.seo4_list .logo {
  width: 60px;
}

.seo5 {
  padding: 106px 0px 133px;
}
.seo5 .big_title {
  text-align: center;
}

.seo5_menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px 23px;
  margin-top: 39px;
}
.seo5_menu span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #409b44;
  text-align: center;
  font-family: GothamBook;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  border-radius: 38px;
  border: 1px solid #409B44;
  background: #fff;
  padding: 6px 21px 8px;
  cursor: pointer;
}
@media screen and (min-width: 993px) {
  .seo5_menu span:hover {
    background: #409b44;
    color: #fff;
  }
}
.seo5_menu span.active {
  background: #409b44;
  color: #fff;
}

.seo5_container {
  background: #FFF;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  padding: 42px 62px 60px 60px;
  margin-top: 60px;
}
.seo5_container .change_box {
  display: none;
}
.seo5_container .title {
  font-family: GothamBold;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  line-height: 40px;
  color: #333;
  padding-left: 20px;
  position: relative;
}
.seo5_container .title::before {
  content: "";
  position: absolute;
  width: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #409b44;
  left: 0;
  top: 15px;
}
.seo5_container .title_after {
  font-family: GothamBold;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 40px;
  color: #333;
  margin-top: 10px;
}
.seo5_container .text {
  color: #333;
  margin-top: 5px;
}
.seo5_container .describe {
  color: #666;
  margin-top: 18px;
}
.seo5_container .describe a {
  font-family: GothamBold;
  color: #666;
}
@media screen and (min-width: 993px) {
  .seo5_container .describe a:hover {
    color: #409b44;
  }
}
.seo5_container .describe ol {
  padding-left: 24px;
}
.seo5_container .describe ol li {
  list-style-position: outside;
  list-style-type: auto;
}
.seo5_container .describe ol li:not(:nth-of-type(1)) {
  margin-top: 8px;
}
.seo5_container figure {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 40px;
  margin-bottom: 46px;
}
.seo5_container figure:nth-last-of-type(1) {
  border-bottom: none;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.eo1 {
  padding: 50px 0px 65px;
}
.eo1 .big_title {
  text-align: center;
}
.eo1 .title {
  text-align: center;
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #409b44;
  margin-top: 57px;
}
.eo1 .describe {
  font-size: 16px;
  color: #666;
  text-align: center;
  margin-top: 16px;
}

.eo1_list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 2.8226666667%;
  margin-top: 45px;
}
.eo1_list li {
  width: 22.883%;
  background: #FFF;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 31px 20px 45px;
}
@media screen and (min-width: 993px) {
  .eo1_list li:hover {
    background: #409b44;
  }
  .eo1_list li:hover .logo img {
    filter: brightness(0) invert(1);
  }
  .eo1_list li:hover .name, .eo1_list li:hover .text {
    color: #fff;
  }
  .eo1_list li:hover .text a {
    color: #fff;
  }
}
.eo1_list .logo {
  width: 56px;
  margin: 0px auto;
}
.eo1_list .logo img {
  transition: 0.2s;
}
.eo1_list .name {
  color: #666;
  margin-top: 4px;
  transition: 0.3s;
}
.eo1_list .text {
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #333;
  margin-top: 18px;
  transition: 0.3s;
}
.eo1_list .text span {
  transition: 0s;
}
.eo1_list .text a {
  color: #333;
}
@media screen and (min-width: 993px) {
  .eo1_list .text a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
  }
}

.eo2 {
  padding-bottom: 104px;
}
.eo2 .content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.eo2_l {
  width: 38.589%;
}
.eo2_l img {
  width: 100%;
}
.eo2_l iframe {
  display: block;
}

.eo2_r {
  width: 58.942%;
  background: #FFF;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
  padding: 47px 40px 47px 46px;
}
.eo2_r .title {
  font-family: GothamBold;
  font-size: 26px;
  font-style: normal;
  font-weight: normal;
  line-height: 26px;
  color: #333;
}
.eo2_r form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 27px 1.638%;
  width: 100%;
  margin-top: 34px;
}
.eo2_r form > * {
  width: 100%;
}
.eo2_r form input,
.eo2_r form textarea {
  border-radius: 4px;
  border: 1px solid #D2D2D2;
  background: rgba(255, 255, 255, 0.05);
  font-family: GothamBook;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 0px;
  color: #333;
  padding: 0px 14px;
  width: 100%;
  flex: 1;
  resize: none;
  outline: none;
  display: block;
}
.eo2_r form input::placeholder,
.eo2_r form input::-webkit-input-placeholder,
.eo2_r form textarea::placeholder {
  color: #999;
}
.eo2_r form .int1 {
  width: 48.5%;
}
.eo2_r form input {
  height: 60px;
}
.eo2_r form textarea {
  height: 119px;
  padding-top: 11px !important;
}
.eo2_r form .ttBox {
  width: 100%;
}
.eo2_r form .yzm {
  position: relative;
  display: flex;
}
.eo2_r form .yzm input {
  flex: 1;
  padding-right: 110px;
}
.eo2_r form .yzm span {
  height: 39px;
  aspect-ratio: 79/39;
  overflow: hidden;
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  overflow: hidden;
}
.eo2_r form .yzm span img {
  height: 100%;
}
.eo2_r form .afterBox {
  position: relative;
}
.eo2_r form .afterBox::before {
  left: 15px;
  position: absolute;
  content: "*";
  font-size: 16px;
  color: #ff0000;
  top: 52%;
  transform: translateY(-50%);
  z-index: 1;
}
.eo2_r form .afterBox input,
.eo2_r form .afterBox textarea {
  padding-left: 26px;
}
.eo2_r form .ttBox::before {
  top: 28px;
}
.eo2_r form .tj input {
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid #409b44;
  background: #409b44;
  color: #fff;
}
@media screen and (min-width: 993px) {
  .eo2_r form .tj input:hover {
    background: #fff;
    color: #409b44;
  }
}

.public_pro {
  padding-bottom: 100px;
}
.public_pro .sw_box {
  margin-top: 65px;
}
.public_pro .imgBox {
  border: 1px solid #e6e6e6;
}
.public_pro .title {
  font-family: GothamBold;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  text-transform: capitalize;
  color: #333;
}
.public_pro .title a {
  color: #333;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 993px) {
  .public_pro .title a:hover {
    color: #409b44;
  }
}
.public_pro .box {
  padding: 26px 10px 0px;
}
.public_pro .buttonBox {
  margin-top: 39px;
}

.tht_public_pro {
  padding-bottom: 112px;
}

.public_top {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4%;
}
.public_top .top_l {
  flex: 1;
}
.public_top .top_r {
  padding-top: 4px;
}

.page_change {
  display: flex;
  justify-content: space-between;
  margin-top: 41px;
}
.page_change .logo {
  width: 54px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  flex-shrink: 0;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background: #999;
}
.page_change .logo img {
  transition: 0.2s;
}
.page_change > * {
  max-width: 48%;
  display: flex;
  gap: 15px;
  align-items: center;
}
.page_change .page_name {
  font-family: GothamBold;
  color: #333;
}
.page_change .page_name + * {
  font-size: 16px;
  color: #666;
}
.page_change .page_name + * * {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.page_change .page_name + * a {
  color: #666666;
}
.page_change .page_name + * a:hover {
  color: #409b44;
}
.page_change > *:nth-of-type(2) {
  flex-direction: row-reverse;
  text-align: right;
}

.page_change a.logo:hover{
    background: #409b44;
}

.tho_menu {
  width: 17.648%;
}
.tho_menu .menu_all {
  font-family: GothamBold;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  line-height: 40px;
  color: #333;
}
.tho_menu .down {
  display: none;
}

.tho_menu_list {
  margin-top: 30px;
}
.tho_menu_list > li:not(:first-child) {
  margin-top: 14px;
}
.tho_menu_list .menu_box {
  background: #f1f2ef;
  padding: 9px 20px 11px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  transition: 0.3s;
}
.tho_menu_list .menu_box a {
  flex: 1;
  display: block;
  margin-left: 7px;
}
.tho_menu_list .menu_box.active {
  background: #409b44;
  color: #fff;
}
.tho_menu_list .menu_box.active a {
  color: #fff;
}
.tho_menu_list .menu_box.active .menu_controls {
  background: #fff;
  transform: rotate(90deg);
}
.tho_menu_list .menu_controls {
  width: 16px;
  aspect-ratio: 1/1;
  background: #666;
  transition: 0.3s;
  mask-image: url("../images/tho_menu_la.png");
  -webkit-mask-image: url("../images/tho_menu_la.png");
  cursor: pointer;
}
.tho_menu_list .menu_box1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-family: GothamBook;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  text-transform: capitalize;
  color: #333;
}
.tho_menu_list .menu_box1 a {
  margin-left: 5px;
  display: block;
  flex: 1;
}
@media screen and (min-width: 993px) {
  .tho_menu_list .menu_box1 a:hover {
    text-underline-offset: 2;
    text-decoration: underline;
  }
}
.tho_menu_list .menu_box1.active .menu_controls {
  transform: rotate(90deg);
}

.to_menu_list1 {
  border: 1px solid #f1f2ef;
  border-top: none;
  padding-top: 1px;
  display: none;
}
.to_menu_list1 > li {
  border-bottom: 1px solid #f1f2ef;
  padding: 12px 21px 14px;
}
.to_menu_list1 > li:last-child {
  border-bottom: none;
}
.to_menu_list1 .menu_controls {
  width: 14px;
  mask-image: url("../images/tho_menu_lb.png");
  -webkit-mask-image: url("../images/tho_menu_lb.png");
}

.to_menu_list2 {
  display: none;
  font-family: GothamBook;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 32px;
  text-transform: capitalize;
  color: #666;
  padding-left: 6px;
  margin-top: 4px;
}
.to_menu_list2 a {
  color: #666;
  display: block;
  position: relative;
  padding-left: 17px;
}
.to_menu_list2 a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 8px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #409b44;
  opacity: 0;
  transition: 0.3s;
}
@media screen and (min-width: 993px) {
  .to_menu_list2 a:hover {
    color: #409b44;
  }
}
.to_menu_list2 a.active::before {
  opacity: 1;
}

.swiper_button {
  display: flex;
  align-items: center;
  gap: 19px;
}
.swiper_button .controls {
  width: 45px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  cursor: pointer;
}
@media screen and (min-width: 993px) {
  .swiper_button .controls:hover {
    background: #409b44;
    border: 1px solid #409b44;
  }
  .swiper_button .controls:hover .mask_box {
    background: #fff;
  }
}
.swiper_button .mask_box {
  width: 22px;
  aspect-ratio: 1/1;
  background: #999;
  transition: 0.3s;
}
.swiper_button .controls.prev .mask_box {
  mask-image: url("../images/swiper_lc.png");
  -webkit-mask-image: url("../images/swiper_lc.png");
}
.swiper_button .controls.next .mask_box {
  mask-image: url("../images/swiper_ld.png");
  -webkit-mask-image: url("../images/swiper_ld.png");
}

.swiper_controls .controls {
  width: 61px;
  aspect-ratio: 1/1;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (min-width: 993px) {
  .swiper_controls .controls:hover {
    background: #409b44;
    border: 1px solid #409b44;
  }
}

.footer_before_title {
  font-family: GothamBold;
  font-size: 36px;
  font-style: normal;
  font-weight: normal;
  line-height: 40px;
  color: #333;
}

.footer_before {
  background: url("../images/footer_before_back.jpg") no-repeat center;
  background-size: cover;
  padding: 68px 0px;
}
.footer_before .content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5%;
}
.footer_before .footer_before_title {
  margin-top: 13px;
}
.footer_before .describe {
  color: #666;
  margin-top: 31px;
}
.footer_before .describe p {
  padding-left: 44px;
  position: relative;
}
.footer_before .describe p::before {
  content: "";
  position: absolute;
  left: 0;
  width: 27px;
  aspect-ratio: 1/1;
  background: url("../images/footer_before_lb.png") no-repeat center;
  background-size: cover;
  top: 2px;
}
.footer_before .describe p:not(:nth-of-type(1)) {
  margin-top: 10px;
}

.footer_before_l {
  flex: 1;
  padding-top: 18px;
}
.footer_before_l .title_before {
  color: #666;
}

.footer_before_r {
  width: 48%;
  max-width: 611px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 33px 35px 34px 34px;
}
.footer_before_r form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px 0px;
  width: 100%;
}
.footer_before_r form > * {
  width: 100%;
}
.footer_before_r form input,
.footer_before_r form textarea {
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  font-family: GothamBook;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 0px;
  color: #333;
  padding: 0px 11px;
  width: 100%;
  flex: 1;
  resize: none;
  outline: none;
  display: block;
}
.footer_before_r form input::placeholder,
.footer_before_r form input::-webkit-input-placeholder,
.footer_before_r form textarea::placeholder {
  color: #999;
}
.footer_before_r form .int1 {
  width: 48.3%;
}
.footer_before_r form input {
  height: 39px;
}
.footer_before_r form textarea {
  height: 87px;
  padding-top: 6px !important;
}
.footer_before_r form .ttBox {
  width: 100%;
}
.footer_before_r form .yzm {
  position: relative;
  display: flex;
}
.footer_before_r form .yzm input {
  flex: 1;
  padding-right: 90px;
}
.footer_before_r form .yzm span {
  height: 34px;
  aspect-ratio: 71/34;
  overflow: hidden;
  position: absolute;
  right: 1px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.footer_before_r form .yzm span img {
  height: 100%;
}
.footer_before_r form .afterBox {
  position: relative;
}
.footer_before_r form .afterBox::before {
  left: 12px;
  position: absolute;
  content: "*";
  font-size: 16px;
  color: #ff0000;
  top: 52%;
  transform: translateY(-50%);
  z-index: 1;
}
.footer_before_r form .afterBox input,
.footer_before_r form .afterBox textarea {
  padding-left: 23px;
}
.footer_before_r form .ttBox::before {
  top: 28px;
}
.footer_before_r form .tj input {
  cursor: pointer;
  border: 1px solid #409b44;
  background: #409b44;
  color: #fff;
  transition: 0.3s;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 993px) {
  .footer_before_r form .tj input:hover {
    background: #fff;
    color: #409b44;
  }
}

.buttonBox {
  display: flex;
  justify-content: flex-start;
}
.buttonBox a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: GothamBook;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #409b44;
  gap: 15px;
  background: #fff;
  border-radius: 38px;
  border: 1px solid #409b44;
  padding: 7px 4px;
}
@media screen and (min-width: 993px) {
  .buttonBox a:hover {
    background: #409b44;
    color: #fff;
  }
  .buttonBox a:hover .button_logo {
    background: #fff;
  }
  .buttonBox a:hover .button_logo .mask_box {
    background: #409b44;
  }
}
.buttonBox span {
  transition: 0s;
  margin-left: 11px;
}
.buttonBox .button_logo {
  width: 30px;
  aspect-ratio: 1/1;
  background: #409b44;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.buttonBox .button_logo .mask_box {
  width: 11px;
  aspect-ratio: 1/1;
  mask-image: url("../images/button_la.png");
  -webkit-mask-image: url("../images/button_la.png");
  background: #fff;
  transition: 0.3s;
}

.margin_top {
  margin-top: 95px;
}

.PageNumber {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 8px 26px;
  flex-wrap: wrap;
  margin-top: 53px;
}
.PageNumber .page_box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px 13px;
  flex-wrap: wrap;
}
.PageNumber .iconfont {
  font-size: 14px;
  transition: 0s;
}
.PageNumber a {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 0px;
  color: #555;
  border-radius: 50%;
  width: 35px;
  aspect-ratio: 1/1;
  border: 1px solid #ccc;
  background: #fff;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 993px) {
  .PageNumber a:hover {
    background: #409b44;
    border: 1px solid #409b44;
    color: #fff;
  }
}
.PageNumber .active {
  background: #409b44;
  border: 1px solid #409b44;
  color: #fff;
}
.PageNumber .submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
  padding: 3px 12px;
  min-width: 203px;
  border-radius: 99px;
  background: #409b44;
  border: 1px solid #409b44;
  transition: 0.3s;
  cursor: pointer;
  color: #fff;
  text-align: center;
  font-family: GothamBook;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
}
.PageNumber .submit .mask_box {
  width: 18px;
  aspect-ratio: 1/1;
  mask-image: url("../images/submit.png");
  -webkit-mask-image: url("../images/submit.png");
  background: #fff;
  transition: 0.3s;
}
@media screen and (min-width: 993px) {
  .PageNumber .submit:hover {
    background: #fff;
    color: #409b44;
  }
  .PageNumber .submit:hover .mask_box {
    background: #409b44;
  }
}
.PageNumber input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

footer {
  background: url("../images/footer_back.jpg") no-repeat center;
  background-size: cover;
  padding: 97px 0px 58px;
}
footer .text {
  font-family: GothamBook;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  color: #ececec;
  margin-top: 20px;
}
footer .text span {
  transition: 0s;
}
footer .text a {
  color: #ececec;
}
@media screen and (min-width: 993px) {
  footer .text a:hover {
    color: #409b44;
  }
}
footer .title {
  font-family: GothamBook;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #fff;
}
footer .name {
  font-family: GothamBook;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  color: #fff;
  margin-top: 9px;
}
footer .logos {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 33px;
  margin-top: 35px;
  text-align: center;
}
footer .logos figure {
  width: 157px;
}
footer .dif_footer {
  font-family: GothamBook;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: #fff;
}
footer .dif_footer a {
  color: #fff;
}
@media screen and (min-width: 993px) {
  footer .dif_footer a:hover {
    color: #409b44;
  }
}
footer .dif_up {
  filter: brightness(0) invert(1);
  display: none;
}
footer .list {
  font-family: GothamBook;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  color: #d9d9d9;
  margin-top: 13px;
}
footer .list a {
  color: #d9d9d9;
}
@media screen and (min-width: 993px) {
  footer .list a:hover {
    color: #409b44;
  }
}
footer .list li:not(:nth-of-type(1)) {
  margin-top: 6px;
}
footer .icBox {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 15px;
  margin-top: 36px;
}
footer .icBox .iconfont {
  transition: 0s;
  font-size: 24px;
}
footer .icBox a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #fff;
}
footer .icBox a:hover {
  background: #409b44;
  color: #fff;
}

.footer_title {
  font-family: GothamBold;
  font-size: 36px;
  font-style: normal;
  font-weight: normal;
  line-height: 40px;
  color: #fff;
}

.footer_a {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 4%;
}
.footer_a .l_box {
  flex: 1;
  max-width: 641px;
}
.footer_a .r_box {
  width: 45.883%;
  padding-top: 3px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 36px 4%;
}
.footer_a .r_box figure {
  width: 100%;
}
.footer_a .r_box .half {
  width: 48%;
  max-width: 321px;
}

.footer_b {
  margin-top: 68px;
  display: flex;
  justify-content: space-between;
  gap: 4%;
}
.footer_b .ic_box {
  max-width: 320px;
}

.footer_c {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 57px;
  padding-top: 21px;
  text-align: center;
  font-family: GothamBook;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  color: #d9d9d9;
}
.footer_c a {
  color: #d9d9d9;
}
@media screen and (min-width: 993px) {
  .footer_c a:hover {
    color: #409b44;
  }
}

.m-formcountry {
  position: relative;
}

.m-formcountry .drop-btn {
  position: relative;
}

.m-formcountry .drop-btn i,
.m-formcountry .drop-btn svg,
.m-formcountry .drop-btn img {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}

.m-formcountry .drop-list {
  display: none;
  border: 1px solid #e6e6e6;
  width: 100%;
  position: absolute;
  top: 100%;
  background-color: #fff;
  max-height: 217px;
  overflow-x: hidden;
  z-index: 10001;
  scrollbar-color: #333 rgba(0, 0, 0, 0.05);
  scrollbar-width: thin;
}

.m-formcountry .drop-list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.m-formcountry .drop-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}

.m-formcountry .drop-list::-webkit-scrollbar-thumb {
  background-color: #409b44;
}

.m-formcountry .drop-list li {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  padding: 5px 15px;
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
  color: #999;
}

.m-formcountry .drop-list li.on {
  background-color: #e0e0e0;
}

.table table {
  width: 100%;
  border-collapse: collapse;
}
.table table td {
  padding: 10px;
  border: 1px solid #ccc;
}

.table {
  overflow: auto;
}

.table::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.table::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}

.table::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-button-lock {
  display: none !important;
}

.videoBox {
  display: none;
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
}
.videoBox > div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.videoBox > div .guanbi {
  position: absolute;
  top: 20px;
  right: 50px;
  cursor: pointer;
}
.videoBox > div .guanbi i {
  font-size: 40px;
  color: #ccc;
}
.videoBox video {
  width: 80%;
}
.videoBox iframe {
  width: 80%;
}

.tankaunga {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 9999999999;
}

.tankaunga:before {
  content: "X";
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  top: 10px;
  right: 10px;
  background: #fff;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  z-index: 1;
}

.tankaungn2 {
  position: fixed;
  left: 5%;
  top: 5%;
  right: 5%;
  bottom: 5%;
}

.tankaungn2 iframe,
.tankaungn2 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.tankaungn2 iframe body {
  margin: 0px !important;
}

.jqzoom {
  float: left;
  position: relative;
  padding: 0px;
}

.zoomdiv {
  z-index: 10;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 400px;
  height: 400px;
  background: #ffffff;
  border: 1px solid #cccccc;
  display: none;
  text-align: center;
  overflow: hidden;
}

.zoomdiv img {
  max-width: unset !important;
}

.jqZoomPup {
  z-index: 200;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid #aaa;
  background: #ffffff;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(Opacity=50);
  transition: none;
}

.describe {
  color: #333;
}
.describe a {
  display: inline;
  color: #333;
}
.describe a:hover {
  color: #409b44;
}

@media screen and (max-width: 993px) {
  .jqZoomPup,
  .zoomdiv {
    display: none !important;
  }
}
@media screen and (max-width: 1800px) {
  .to3_list .describe {
    -webkit-line-clamp: 4 !important;
    margin-top: 6px;
  }
  .to3_list .buttonBox {
    margin-top: 8px;
  }
}
@media screen and (max-width: 1650px) {
  header .center {
    gap: 50px;
  }
  header .sousuo {
    margin-left: 50px;
  }
  .index1 .buttonBox {
    margin-top: 10%;
  }
  .index3 .describe {
    margin-top: 10%;
  }
  .index4_change {
    margin-top: 10%;
  }
  .index4_change .describe {
    margin-top: 5%;
  }
  .index4 .content {
    align-items: center;
  }
  .index4 .buttonBox {
    margin-top: 6%;
  }
  .index4_r {
    padding-top: 0px;
  }
  .tho1_list {
    margin-top: 6%;
  }
  .tht1_l .big_title {
    padding-bottom: 15px;
  }
  .tht1_l .flex_box {
    margin-top: 30px;
  }
  .tht1_list {
    margin-top: 25px;
  }
}
@media screen and (max-width: 1480px) {
  html body {
    font-size: 16px;
    line-height: 28px;
  }
  .rightMenu .menu_box {
    width: 48px;
  }
  .rightMenu .go_top {
    margin-top: 8px;
  }
  header .center {
    gap: 46px;
  }
  header .content {
    width: calc(100% - 60px) !important;
  }
  header .logoBox {
    width: 150px;
  }
  header .menuOne {
    font-size: 16px;
    line-height: 28px;
  }
  header .menuOne > a {
    padding: 30px 0px;
  }
  header .sousuo {
    margin-top: 0px;
  }
  header .container {
    padding: 36px 0px;
  }
  header .title {
    font-size: 18px;
  }
  header .list {
    font-size: 15px;
    margin-top: 12px;
  }
  header .dif_ul_l {
    padding-bottom: 30px;
    gap: 30px 4.4226666667%;
  }
  .margin_top {
    margin-top: 88px;
  }
  .big_title {
    font-size: 28px;
    line-height: 38px !important;
  }
  .index1 {
    padding: 60px 0px 24px;
  }
  .index1 .r_box {
    padding-bottom: 0px;
  }
  .index1 .buttonBox {
    margin-top: 5%;
  }
  .index1 .describe {
    margin-top: 3%;
  }
  .index2 .scroll_box {
    height: 184.11px;
  }
  .index2_list li {
    width: 280px;
  }
  .index3 {
    padding: 80px 0px;
  }
  .index3 .buttonBox {
    margin-top: 8%;
  }
  .index3 .describe {
    margin-top: 4%;
  }
  .index3_l {
    padding: 20px 25px;
  }
  .index4 {
    padding-bottom: 80px;
  }
  .index4_menu {
    margin-top: 6%;
    gap: 20px;
  }
  .index4_menu span {
    width: 46px;
    height: 46px;
  }
  .index4_change {
    margin-top: 6%;
  }
  .index4_change .title {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 15px;
  }
  .index5 {
    padding-bottom: 80px;
  }
  .index5_l {
    gap: 25px;
  }
  .index5_l figure {
    padding: 25px;
    gap: 20px;
  }
  .index5_container {
    margin-top: 40px;
  }
  .bannerBox .banner_title {
    font-size: 36px;
    line-height: 46px;
  }
  .mbx {
    padding-top: 15px;
    font-size: 15px;
    line-height: 26px;
  }
  .to1 {
    padding: 50px 0px 80px;
  }
  .to1 .describe {
    margin-top: 15px;
  }
  .to1_list {
    margin-top: 30px;
  }
  .to1_list li {
    padding: 30px 35px 35px;
  }
  .to1_list .big_number {
    font-size: 38px;
    line-height: 46px;
  }
  .to1_list .text {
    margin-top: 10px;
  }
  .to2 .text {
    margin-top: 15px;
  }
  .to2_menu {
    margin-top: 30px;
  }
  .to2_menu span {
    font-size: 16px;
    line-height: 26px;
    padding: 10px 20px 12px;
    min-width: 220px;
  }
  .to2_change .box {
    padding: 20px 25px 30px;
  }
  .to2_change .title {
    font-size: 20px;
    line-height: 26px;
  }
  .to2_change .describe {
    margin-top: 10px;
  }
  .to3 {
    padding: 60px 0px;
  }
  .to3 .big_title {
    gap: 0px;
  }
  .to3 .text {
    margin-top: 15px;
  }
  .to3_list {
    margin-top: 30px;
  }
  .to3_list .title {
    font-size: 20px;
  }
  .to3_list .describe {
    -webkit-line-clamp: 3 !important;
  }
  .to4 {
    padding: 60px 0px;
  }
  .to4 .text {
    margin-top: 10px;
  }
  .to4 .sw_box {
    margin-top: 30px;
  }
  .to4 .swiper_box {
    margin-top: 30px;
    gap: 30px;
  }
  .to4 .name {
    padding: 12px 0px 0px;
  }
  .to5 {
    padding: 60px 0px 80px;
  }
  .to5 .text {
    margin-top: 10px;
  }
  .to5 .swiper_button {
    margin-top: 15px;
  }
  .to5 .sw_box {
    margin-top: 15px;
  }
  .to5 .name {
    margin-top: 15px;
  }
  .to5 .hide_box img {
    width: 32px;
  }
  .to6 {
    padding-bottom: 80px;
  }
  .to6_list {
    margin-top: 30px;
    gap: 30px 0px;
  }
  .to6_list li {
    padding: 18px;
    gap: 20px;
  }
  .to6_list .title {
    font-size: 16px;
    line-height: 24px;
    padding-top: 0px;
  }
  .to6_list .number {
    font-size: 20px;
    line-height: 24px;
  }
  .to6_list .describe{
      font-size: 14px;
      line-height: 22px;
      margin-top: 2px;
  }
  .to6_list .top {
    gap: 16px;
  }
  .tt1 {
    padding: 60px 0px;
  }
  .tt1 .big_title {
    padding-bottom: 18px;
    font-size: 28px;
    line-height: 38px;
  }
  .tt1 .title {
    font-size: 18px;
    margin-top: 16px;
  }
  .tt1 .describe {
    margin-top: 20px;
  }
  .tt1 .content {
    gap: 70px;
  }
  .tt1 figure:nth-of-type(even) {
    padding: 60px 0px;
  }
  .tt2 {
    padding: 60px 0px;
  }
  .tt2 .text {
    margin-top: 10px;
  }
  .tt2_list {
    margin-top: 30px;
    gap: 30px 2%;
  }
  .tt2_list li {
    width: 15%;
  }
  .tt2_list .name {
    font-size: 15px;
    line-height: 26px;
  }
  .tth1 {
    padding: 40px 0px 60px;
  }
  .tth1 .title_before {
    font-size: 18px;
  }
  .tth1 .text {
    font-size: 18px;
  }
  .tth1 .title {
    font-size: 24px;
  }
  .tth1 .describe {
    margin-top: 12px;
  }
  .tth1 .describe em {
    padding-left: 26px;
  }
  .tth1_container {
    margin-top: 40px;
    gap: 40px;
  }
  .tho1_title {
    font-size: 24px;
  }
  .tho1 {
    padding: 30px 0px 60px;
  }
  .tho1 .describe {
    margin-top: 10px;
  }
  .tho1_r {
    padding-top: 0px;
  }
  .tho2 {
    padding-bottom: 60px;
  }
  .tho2_r .text {
    margin-top: 10px;
  }
  .tho2_r form {
    margin-top: 40px;
  }
  .tho2_list {
    gap: 40px 3.308%;
  }
  .tho2_list .title {
    font-size: 18px;
  }
  .tho2_list .describe {
    font-size: 15px;
    margin-top: 10px;
  }
  .tho2_list .box {
    padding: 15px 10px 0px;
  }
  .tho2_list .input_links {
    margin-top: 15px;
    gap: 10px;
  }
  .tho2_list .links {
    padding: 8px 14px;
	min-width: auto;
  }
  .tht1 {
    padding: 20px 0px 50px;
  }
  .tht1_l .big_title {
    padding-bottom: 8px;
  }
  .tht1_l .text {
    font-size: 16px;
    margin-top: 12px;
  }
  .tht1_l .pic-btn {
    width: 20px;
  }
  .tht1_l .flex_box {
    margin-top: 20px;
    gap: 15px;
  }
  .tht1_l .buttonBox {
    gap: 15px;
  }
  .tht1_l .share_box {
    gap: 10px;
  }
  .tht1_list {
    margin-top: 12px;
  }
  .tht1_list .title {
    font-size: 18px;
  }
  .tht1_list .mask_box {
    width: 20px;
  }
  .tht1_list .table table tr:nth-of-type(1) {
    font-size: 16px;
  }
  .tht1_list .table table td {
    padding: 8px 16px;
  }
  .tht2 {
    padding-bottom: 60px;
  }
  .tht2 .describe {
    margin-top: 15px;
  }
  .tht2 .describe p:not(:nth-child(1)) {
    margin-top: 8px;
  }
  .tht3 {
    padding-bottom: 60px;
  }
  .tht3 .text {
    font-size: 18px;
    margin-top: 12px;
  }
  .tht4 {
    padding-bottom: 60px;
  }
  .tht4 .sw_box {
    margin-top: 30px;
  }
  .tht4 .box {
    padding: 12px 10px 0px;
  }
  .tht4 .title {
    font-size: 18px;
  }
  .tht4 .describe {
    margin-top: 4px;
  }
  .tht5 {
    padding-bottom: 60px;
  }
  .tht5 .sw_box {
    margin-top: 30px;
  }
  .tht5 .name {
    margin-top: 15px;
  }
  .tht5 .hide_box img {
    width: 32px;
  }
  .fuo1 {
    padding: 40px 0px 60px;
  }
  .fuo1_list {
    margin-top: 30px;
    gap: 30px 2%;
  }
  .fuo1_list li {
    width: 32%;
    padding: 25px 25px 30px;
  }
  .fuo1_list .logo {
    width: 52px;
  }
  .fuo1_list .name {
    font-size: 18px;
    margin-top: 15px;
  }
  .fuo1_list .describe {
    margin-top: 10px;
  }
  .fuo2 {
    padding: 60px 0px;
  }
  .fuo2 .style_box {
    margin: 40px auto 0px;
  }
  .fuo2_list {
    margin: 40px auto 0px;
  }
  .fuo2_list .flex_box {
    padding-top: 20px;
    gap: 5px;
  }
  .fuo2_list .number {
    font-size: 32px;
    line-height: 36px;
    min-width: 50px;
  }
  .fuo2_list .title {
    font-size: 18px;
  }
  .fuo2_list .describe {
    line-height: 26px;
    font-size: 15px;
    margin-top: 10px;
  }
  .fuo3 {
    padding: 60px 0px;
  }
  .fuo3_container {
    margin-top: 30px;
  }
  .fuo3_container .logo {
    width: 48px;
  }
  .fuo3_container figure {
    gap: 20px;
    padding-bottom: 25px;
  }
  .fuo3_container .title {
    font-size: 20px;
  }
  .fuo3_container .describe {
    font-size: 15px;
    margin-top: 10px;
  }
  .fuo4 {
    padding: 60px 0px;
  }
  .fuo4 .text {
    margin: 10px auto 0px;
    line-height: 26px;
    font-size: 15px;
  }
  .fuo4_list {
    margin-top: 30px;
    gap: 30px 50px;
  }
  .fuo4_list li {
    width: calc((100% - 150px) / 4);
    padding: 20px 20px 25px;
  }
  .fuo4_list li::before {
    width: 38px;
    right: -6px;
  }
  .fuo4_list .logo {
    width: 48px;
  }
  .fuo4_list .title {
    font-size: 18px;
    margin-top: 12px;
  }
  .fuo4_list .describe {
    margin-top: 10px;
  }
  .fuo5 {
    padding: 60px 0px 80px;
  }
  .fuo5 .text {
    font-size: 20px;
    margin-top: 20px;
  }
  .fo_form {
    padding: 30px 0px 40px;
  }
  .fo_form .submit .mask_box {
    margin-top: 4px;
  }
  .fo_form form input {
    height: 50px;
  }
  .fo1 {
    padding-bottom: 60px;
  }
  .fo1_container {
    margin-top: 25px;
    gap: 20px;
  }
  .fo1_container .logo {
    width: 30px;
  }
  .fo1_container .title {
    font-size: 18px;
  }
  .fo1_container figure {
    min-height: auto;
  }
  .fo1_list li:not(:nth-of-type(1)) {
    margin-top: 30px;
  }
  .so1 {
    padding: 40px 0px 80px;
  }
  .so1_l .container {
    gap: 25px;
  }
  .so1_l figure {
    padding: 25px;
    gap: 20px;
  }
  .st1_l h1 {
    font-size: 28px;
    line-height: 36px;
  }
  .st1_l .time_share {
    margin-top: 15px;
    gap: 30px;
  }
  .st1_container {
    margin-top: 20px;
    padding: 20px 0px 30px;
  }
  .st1_container .st1_title {
    font-size: 20px;
  }
  .st1_container .box {
    margin-top: 30px;
  }
  .st1_container .st1_title + .text {
    margin-top: 12px;
  }
  .st1_container .text em {
    margin-top: 6px;
  }
  .st1_list {
    margin-top: 20px;
  }
  .st1_title_after {
    font-size: 18px;
    margin-top: 15px;
  }
  .so1_r_list {
    margin-top: 20px;
    gap: 30px;
  }
  .so1_r .box {
    padding: 12px 0px 0px;
  }
  .seo1 {
    padding: 40px 0px 60px;
  }
  .seo1 .text {
    font-size: 18px;
    margin-top: 10px;
  }
  .seo1_list {
    margin-top: 30px;
  }
  .seo1_list .name {
    font-size: 20px;
    margin-top: 15px;
  }
  .seo2 .title {
    font-size: 22px;
  }
  .seo2 .describe {
    line-height: 26px;
    margin-top: 25px;
  }
  .seo3 {
    padding: 60px 0px;
  }
  .seo3 .text {
    line-height: 26px;
    margin-top: 10px;
  }
  .seo3 figure {
    margin-top: 30px;
  }
  .seo3 .title {
    font-size: 20px;
  }
  .seo3 .tags {
    font-size: 18px;
  }
  .seo3 .tags p{
    gap: 10px 40px;
  }
  .seo3 .tags span {
    padding-left: 20px;
  }
  .seo3 .tags span::before {
    top: 9px;
    left: 0px;
  }
  .seo3_list {
    margin-top: 30px;
  }
  .seo3_list .half .container {
    padding: 4% 30px;
  }
  .seo3_list .describe {
    font-size: 18px;
    line-height: 28px;
    min-height: 84px;
  }
  .seo3_list .name {
    font-size: 22px;
  }
  .seo3_list .container {
    padding: 0px 30px 0%;
  }
  .seo4 {
    padding: 60px 0px;
  }
  .seo4 .text {
    margin-top: 10px;
  }
  .seo4_list {
    margin-top: 30px;
    gap: 30px 2%;
  }
  .seo4_list li {
    width: 32%;
    padding: 30px;
  }
  .seo4_list .logo {
    width: 48px;
  }
  .seo4_list .title {
    font-size: 20px;
    margin-top: 15px;
  }
  .seo4_list .title::before {
    left: -30px;
  }
  .seo4_list .describe {
    margin-top: 10px;
  }
  .seo5 {
    padding: 60px 0px;
  }
  .seo5_menu {
    margin-top: 20px;
    gap: 16px;
  }
  .seo5_container {
    margin-top: 30px;
    padding: 40px 40px 50px;
  }
  .seo5_container .title {
    font-size: 24px;
    line-height: 32px;
  }
  .seo5_container .title::before {
    top: 12px;
  }
  .seo5_container .title_after {
    font-size: 20px;
    line-height: 32px;
    margin-top: 10px;
  }
  .seo5_container figure {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .eo1 {
    padding: 30px 0px 60px;
  }
  .eo1 .title {
    font-size: 18px;
    margin-top: 20px;
  }
  .eo1 .describe {
    font-size: 15px;
    margin-top: 10px;
  }
  .eo1_list {
    margin-top: 30px;
    gap: 30px 2%;
  }
  .eo1_list li {
    width: 23.5%;
    padding: 25px 20px 30px;
  }
  .eo1_list .logo {
    width: 48px;
  }
  .eo1_list .text {
    font-size: 18px;
    margin-top: 5px;
  }
  .eo2 {
    padding-bottom: 60px;
  }
  .eo2_r {
    padding: 30px 30px 35px;
  }
  .public_pro {
    padding-bottom: 60px;
  }
  .public_pro .sw_box {
    margin-top: 40px;
  }
  .public_pro .box {
    padding: 18px 10px 0px;
  }
  .public_pro .title {
    font-size: 18px;
  }
  .public_pro .buttonBox {
    margin-top: 15px;
  }
  .tho_menu .menu_all {
    font-size: 26px;
    line-height: 36px;
  }
  .tho_menu_list {
    margin-top: 20px;
  }
  .tho_menu_list .menu_box {
    padding: 8px 16px;
  }
  .tho_menu_list .menu_box a {
    margin-left: 0px;
  }
  .tho_menu_list .menu_box1 {
    font-size: 15px;
    line-height: 24px;
  }
  .tho_menu_list .menu_box1 a {
    margin-left: 0px;
  }
  .to_menu_list1 > li {
    padding: 8px 16px;
  }
  .to_menu_list2 {
    font-size: 15px;
    line-height: 24px;
    padding-left: 0px;
  }
  .to_menu_list2 li:not(:nth-child(1)) {
    margin-top: 8px;
  }
  .to_menu_list2 a::before {
    top: 8px;
  }
  .swiper_controls .controls {
    width: 48px;
  }
  .swiper_controls .controls img {
    width: 26px;
  }
  .swiper_button {
    gap: 12px;
  }
  .swiper_button .controls {
    width: 38px;
  }
  .buttonBox a {
    padding: 3px 4px;
  }
  .footer_before_title {
    font-size: 28px;
    line-height: 36px;
  }
  .footer_before .content {
    align-items: center;
  }
  .footer_before .footer_before_title {
    margin-top: 0px;
  }
  .footer_before_l {
    padding-top: 0px;
  }
  .footer_title {
    font-size: 28px;
    line-height: 36px;
  }
  footer {
    padding: 80px 0px 60px;
  }
  footer .content {
    width: calc(100% - 120px) !important;
  }
  footer .text {
    margin-top: 12px;
  }
  footer .logos {
    gap: 20px 30px;
    margin-top: 30px;
  }
  footer .logos figure {
    width: 140px;
  }
  footer .title {
    font-size: 18px;
  }
  footer .icBox {
    margin-top: 25px;
  }
  footer .icBox a {
    width: 42px;
  }
  footer .icBox .iconfont {
    font-size: 18px;
  }
  .footer_b {
    margin-top: 40px;
  }
  .footer_b .ic_box {
    max-width: 270px;
  }
  .footer_c {
    margin-top: 40px;
  }
  .lineHeight28 {
    line-height: 26px;
  }
  .PageNumber {
    margin-top: 40px !important;
  }
  .page_change {
    margin-top: 20px !important;
  }
  .page_change .logo {
    width: 36px;
  }
  .page_change .page_name {
    font-size: 16px;
  }
}
@media screen and (max-width: 1200px) {
  header .logoBox {
    width: 130px;
  }
  header .center {
    gap: 28px;
  }
  header .sousuo {
    margin-left: 25px;
  }
  header .menuOne > a {
    padding: 24px 0px;
  }
  header .dif_ul_l {
    padding-bottom: 0px;
    gap: 20px 2%;
  }
  header .dif_ul_l figure {
    width: 23.5%;
  }
  header .dif_ul_r .imgBox {
    width: 88%;
  }
  header .title {
    font-size: 16px;
  }
  header .list {
    font-size: 15px;
    gap: 6px;
  }
  header .ul li {
    font-size: 15px;
    line-height: 26px;
  }
  .margin_top {
    margin-top: 76px;
  }
  .index_banner .swiperindex_banner-pagination {
    bottom: 20px;
  }
  .index_banner .swiperindex_banner-pagination .active {
    font-size: 20px;
  }
  .index1 .describe {
    -webkit-line-clamp: 4;
  }
  .index3 .describe {
    -webkit-line-clamp: 4;
  }
  .index5_l .describe {
    margin-top: 15px;
  }
  .to3_list .hide_box {
    position: relative;
    opacity: 1;
    inset: initial;
    padding: 0px;
  }
  .to3_list .hide_box::before {
    display: none;
  }
  .to3_list li {
    flex-direction: column !important;
  }
  .to3_list .box {
    padding: 12px 0px 0px;
  }
  .to3_list .buttonBox {
    margin-top: 15px;
  }
  .tho2 .content {
    flex-direction: column-reverse;
    flex-wrap: wrap;
    gap: 40px;
  }
  .tho2_r {
    width: 100%;
  }
  .fuo4_list {
    gap: 30px 4%;
    flex-wrap: wrap;
  }
  .fuo4_list li {
    width: 48%;
  }
  .fuo4_list li::before {
    display: none;
  }
  .so1 .content {
    flex-wrap: wrap;
    gap: 30px;
  }
  .so1_l {
    width: 100%;
  }
  .so1_l .describe {
    margin-top: 15px;
  }
  .so1_r {
    width: 100%;
  }
  .so1_r_list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 5%;
  }
  .so1_r_list li {
    width: 30%;
  }
  .eo2_r form input {
    height: 52px;
  }
  .eo2_r form input, .eo2_r form textarea {
    font-size: 15px;
  }
  .eo2_r form .afterBox::before {
    left: 10px;
  }
  .eo2_r form .afterBox input, .eo2_r form .afterBox textarea {
    padding-left: 20px;
  }
  .eo2_r form .yzm input {
    padding-right: 95px;
  }
  .tho_menu {
    width: 100%;
  }
  .tho_menu .menu_all {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .tho_menu .menu_all.active .down {
    transform: rotate(90deg);
  }
  .tho_menu .down {
    display: block;
  }
  .tho_menu_list {
    display: none;
  }
  .footer_before {
    padding: 60px 0px;
  }
  .footer_before .content {
    flex-wrap: wrap;
    gap: 30px;
  }
  .footer_before .describe {
    margin-top: 10px;
  }
  .footer_before_l {
    flex: none;
    width: 100%;
  }
  .footer_before_r {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 992px) {
  html body {
    font-size: 15px;
    line-height: 26px;
  }
  html body .content {
    width: calc(100% - 100px);
  }
  .zoomPad {
    cursor: default !important;
  }
  .zoomPup {
    display: none !important;
  }
  .zoomWindow {
    display: none !important;
  }
  .zoomPreload {
    display: none !important;
  }
  .rightMenu {
    top: auto;
    transform: none;
    bottom: 0;
    width: 100%;
    border-radius: 0%;
    flex-direction: row;
    padding: 0px;
    gap: 0px;
  }
  .rightMenu .logo img {
    max-height: 94%;
  }
  .rightMenu .box {
    flex: 4;
    display: flex;
    border-radius: 0px;
  }
  .rightMenu .menu_box {
    flex: 1;
    height: 35px;
    border-bottom: none;
    border-radius: 0px !important;
    border: none;
    margin-top: 0px !important;
  }
  .rightMenu .hide_box {
    top: auto;
    transform: translateX(50%);
    bottom: calc(100% + 5px);
    right: 50%;
    padding-right: 0px;
  }
  .rightMenu .go_top {
    display: flex;
    margin-top: 0px;
  }
  header {
    padding: 10px 0px;
  }
  header .center {
    display: none;
  }
  header .sousuo {
    display: none;
  }
  .margin_top {
    margin-top: 51.13px;
  }
  .index_banner .swiperindex_banner-pagination {
    bottom: 10px;
  }
  .big_title {
    font-size: 22px;
    line-height: 32px !important;
  }
  .lineHeight28 {
    line-height: 26px;
  }
  .index1 {
    padding: 30px 0px;
  }
  .index1 .describe {
    margin-top: 4px;
  }
  .index1 .buttonBox {
    margin-top: 15px;
  }
  .index2 .scroll_box {
    height: 138.08px;
  }
  .index2_list li {
    width: 210px;
    margin-right: 15px;
  }
  .index3 {
    padding: 30px 0px;
  }
  .index3 .content {
    gap: 25px;
  }
  .index3_l {
    width: 100%;
    padding: 0px;
    background: transparent;
  }
  .index3_l .describe {
    margin-top: 4px;
  }
  .index3_l .buttonBox {
    margin-top: 15px;
  }
  .index3_r {
    width: 100%;
  }
  .index4 {
    padding-bottom: 30px;
  }
  .index4 .buttonBox {
    margin-top: 15px;
  }
  .index4_menu {
    margin: 12px;
    gap: 12px;
  }
  .index4_menu span {
    width: 36px;
    height: 36px;
  }
  .index4_change .title {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px;
  }
  .index4_change .describe {
    margin-top: 4px;
    min-height: auto;
  }
  .index5 {
    padding-bottom: 30px;
  }
  .index5_container {
    margin-top: 15px;
  }
  .index5_l figure {
    padding: 15px;
    gap: 12px;
  }
  .index5_l .time {
    margin-top: 10px;
  }
  .index5_l .describe {
    margin-top: 8px;
  }
  .bannerBox .content {
    top: 50%;
  }
  .bannerBox .banner_title {
    font-size: 24px;
    line-height: 32px;
  }
  .mbx {
    font-size: 14px;
    line-height: 24px;
    padding-top: 12px;
  }
  .to1 {
    padding: 20px 0px 30px;
  }
  .to1 .describe {
    margin-top: 4px;
  }
  .to1_list {
    margin-top: 20px;
    gap: 20px 2%;
  }
  .to1_list li {
    width: 32%;
    padding: 20px 20px 24px;
  }
  .to1_list .big_number {
    font-size: 28px;
    line-height: 36px;
  }
  .to1_list .text {
    margin-top: 4px;
  }
  .to2 {
    padding: 30px 0px 0px;
  }
  .to2 .content {
    padding-bottom: 30px;
  }
  .to2 .text {
    margin-top: 2px;
  }
  .to2_menu {
    margin-top: 15px;
    gap: 15px;
  }
  .to2_menu span {
    min-width: auto;
    font-size: 14px;
    line-height: 24px;
    padding: 4px 16px;
  }
  .to2_change .sw_box {
    margin-top: 20px;
  }
  .to2_change .swiper_controls .controls {
    background: rgba(0, 0, 0, 0.4);
  }
  .to2_change .swiper_controls .controls.prev {
    left: 5px;
  }
  .to2_change .swiper_controls .controls.next {
    right: 5px;
  }
  .to2_change .box {
    display: block !important;
    padding: 15px 20px 25px;
  }
  .to2_change .describe {
    margin-top: 4px;
  }
  .to2_change .title {
    font-size: 18px;
  }
  .to3 {
    padding: 30px 0px;
  }
  .to3 .text {
    margin-top: 4px;
  }
  .to3_list {
    margin-top: 20px;
    gap: 20px 2%;
  }
  .to3_list li {
    width: 32%;
    gap: 20px;
  }
  .to3_list .title {
    font-size: 18px;
  }
  .to4 {
    padding: 30px 0px;
  }
  .to4 .text {
    margin-top: 4px;
  }
  .to4 .sw_box {
    margin-top: 20px;
  }
  .to4 .name {
    padding: 8px 0px 0px;
  }
  .to4 .swiper_box {
    margin-top: 15px;
    gap: 15px;
  }
  .to5 {
    padding: 30px 0px;
  }
  .to5 .text {
    margin-top: 4px;
  }
  .to5 .swiper_button {
    margin-top: 8px;
  }
  .to5 .name {
    margin-top: 10px;
  }
  .to6 {
    padding-bottom: 30px;
  }
  .to6_list {
    margin-top: 20px;
    gap: 20px 2%;
  }
  .to6_list li {
    width: 100%;
  }
  .tt1 {
    padding: 30px 0px;
  }
  .tt1 .content {
    gap: 20px;
  }
  .tt1 figure {
    flex-wrap: wrap;
    gap: 12px;
  }
  .tt1 .r_box {
    padding-bottom: 0px;
  }
  .tt1 .r_box {
    width: 100%;
  }
  .tt1 .l_box {
    width: 100%;
  }
  .tt1 .l_box img {
    width: 100%;
  }
  .tt1 .big_title {
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 8px;
  }
  .tt1 .title {
    font-size: 16px;
    margin-top: 10px;
  }
  .tt1 .describe {
    margin-top: 8px;
  }
  .tt1 .describe p:not(:nth-of-type(1)) {
    margin-top: 5px;
  }
  .tt1 .describe em {
    padding-left: 20px;
  }
  .tt1 .describe em::before {
    top: 5px;
  }
  .tt1 .buttonBox {
    margin-top: 15px;
  }
  .tt1 figure:nth-of-type(even) {
    padding: 20px 0px;
  }
  .tt2 {
    padding: 30px 0px;
  }
  .tt2 .text {
    margin-top: 2px;
  }
  .tt2_list {
    margin-top: 15px;
    gap: 15px 2%;
  }
  .tt2_list li {
    width: 18.4%;
  }
  .tt2_list .name {
    font-size: 14px;
    margin-top: 2px;
  }
  .tth1 {
    padding: 20px 0px 30px;
  }
  .tth1 .title_before {
    font-size: 16px;
  }
  .tth1 .big_title {
    margin-top: 5px;
    padding-bottom: 10px;
  }
  .tth1 .big_title {
    padding-bottom: 5px;
  }
  .tth1 .text {
    font-size: 16px;
    margin-top: 10px;
  }
  .tth1 .describe {
    margin-top: 4px;
  }
  .tth1 .describe em {
    padding-left: 22px;
    margin-top: 3px;
  }
  .tth1 .describe em::before {
    top: 5px;
  }
  .tth1 .title {
    font-size: 20px;
    line-height: 28px;
  }
  .tth1_container {
    margin-top: 15px;
    gap: 15px;
  }
  .tth1_list {
    margin-top: 15px;
  }
  .tho1_title {
    font-size: 22px;
    line-height: 32px;
  }
  .tho1 {
    padding: 20px 0px 30px;
  }
  .tho1 .content {
    gap: 15px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .tho1 .describe {
    margin-top: 4px;
  }
  .tho1_l {
    width: 100%;
  }
  .tho1_l img {
    width: 100%;
  }
  .tho1_r {
    width: 100%;
  }
  .tho1_list {
    margin-top: 15px;
    max-width: 100%;
    gap: 15px 2%;
  }
  .tho1_list li {
    width: 23.5%;
  }
  .tho1_list li img {
    width: 100%;
  }
  .tho2 {
    padding-bottom: 30px;
  }
  .tho2 .content {
    gap: 30px;
  }
  .tho2_r .text {
    margin-top: 2px;
  }
  .tho2_r form {
    margin-top: 20px;
  }
  .tho2_list {
    gap: 20px 2%;
  }
  .tho2_list li {
    width: 32%;
  }
  .tho2_list .box {
    padding: 10px 0px 0px;
  }
  .tho2_list .title {
    font-size: 16px;
  }
  .tho2_list .describe {
    font-size: 14px;
    line-height: 24px;
    min-height: 48px;
    margin-top: 2px;
  }
  .tho2_list .input_links {
    margin-top: 10px;
  }
  .tho2_list .input_box input {
    width: 14px;
    height: 14px;
  }
  .tho2_list .links {
    padding: 4px 16px;
  }
  .tht1 {
    padding: 20px 0px 30px;
  }
  .tht1 .content {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }
  .tht1 .r_box {
    width: 100%;
    max-width: 820px;
  }
  .tht1 .pic-btn {
    width: 18px;
  }
  .tht1_l {
    width: 100%;
  }
  .tht1_l .text {
    font-size: 15px;
    margin-top: 8px;
  }
  .tht1_list .faq_a {
    margin-top: 12px;
  }
  .tht1_list .table table td {
    padding: 4px 15px;
  }
  .tht2 {
    padding-bottom: 30px;
  }
  .tht2 .describe {
    margin-top: 4px;
  }
  .tht2 .describe p:not(:nth-of-type(1)) {
    margin-top: 4px;
  }
  .tht2 .describe p {
    padding-left: 20px;
  }
  .tht2 .describe p::before {
    top: 5px;
  }
  .tht3 {
    padding-bottom: 30px;
  }
  .tht3 .text {
    font-size: 16px;
    margin-top: 4px;
  }
  .tht3 .describe {
    margin-top: 4px;
  }
  .tht4 {
    padding-bottom: 30px;
  }
  .tht4 .sw_box {
    margin-top: 15px;
  }
  .tht4 .box {
    padding: 10px 0px 0px;
  }
  .tht4 .title {
    font-size: 16px;
  }
  .tht5 {
    padding-bottom: 30px;
  }
  .tht5 .sw_box {
    margin-top: 15px;
  }
  .tht5 .name {
    margin-top: 10px;
  }
  .fuo1 {
    padding: 20px 0px 30px;
  }
  .fuo1_list {
    margin-top: 15px;
    gap: 20px 2%;
  }
  .fuo1_list li {
    width: 49%;
    padding: 20px 20px 25px;
  }
  .fuo1_list .logo {
    width: 38px;
  }
  .fuo2 {
    padding: 30px 0px;
  }
  .fuo2 .style_box {
    display: none;
  }
  .fuo2_list {
    margin-top: 15px;
    gap: 20px 2%;
  }
  .fuo2_list li {
    width: 32%;
  }
  .fuo2_list .flex_box {
    padding-top: 12px;
    gap: 0px;
  }
  .fuo2_list .number {
    font-size: 20px;
    line-height: 28px;
    min-width: 100%;
  }
  .fuo2_list .r_box {
    width: 100%;
    flex: none;
    padding-top: 4px;
  }
  .fuo2_list .describe {
    font-size: 15px;
    line-height: 24px;
    margin-top: 4px;
  }
  .fuo2_list .title {
    font-size: 16px;
    line-height: 26px;
  }
  .fuo3 {
    padding: 30px 0px;
  }
  .fuo3_l {
    display: none;
  }
  .fuo3_r {
    width: 100%;
  }
  .fuo3_container {
    margin-top: 15px;
  }
  .fuo3_container .logo {
    width: 36px;
  }
  .fuo3_container .title {
    font-size: 18px;
  }
  .fuo3_container .describe {
    margin-top: 4px;
  }
  .fuo3_container figure {
    padding-bottom: 15px;
  }
  .fuo3_r {
    padding-top: 0px;
    gap: 15px;
  }
  .fuo4 {
    padding: 30px 0px;
  }
  .fuo4 .text {
    margin: 4px auto 0px;
  }
  .fuo4_list {
    margin-top: 15px;
    gap: 20px 4%;
  }
  .fuo4_list li {
    padding: 15px 15px 20px;
  }
  .fuo4_list .logo {
    width: 40px;
  }
  .fuo4_list .title {
    font-size: 16px;
    margin-top: 6px;
  }
  .fuo4_list .describe {
    margin-top: 4px;
  }
  .fuo5 {
    padding: 30px 0px;
  }
  .fuo5 .text {
    font-size: 16px;
    margin-top: 8px;
  }
  .fuo5 .content {
    flex-wrap: wrap;
    gap: 15px;
  }
  .fuo5_l {
    width: 100%;
    flex: none;
    text-align: center;
  }
  .fuo5_r {
    width: 100%;
    margin-right: 0px;
  }
  .fuo5_r .buttonBox {
    justify-content: center;
  }
  .fo_form {
    padding: 20px 0px;
  }
  .fo_form form input {
    height: 40px;
  }
  .fo_form .submit {
    min-width: 110px;
  }
  .fo1 {
    padding-bottom: 30px;
  }
  .fo1_list li:not(:nth-of-type(1)) {
    margin-top: 20px;
  }
  .fo1_container {
    gap: 15px;
    margin-top: 15px;
  }
  .fo1_container figure {
    padding: 15px 15px 20px;
  }
  .fo1_container .logo {
    margin-right: 0px;
    width: 26px;
  }
  .fo1_container .title {
    font-size: 16px;
  }
  .fo1_container .describe {
    padding-right: 30px;
  }
  .fo1_container .faq_a {
    margin-top: 8px;
    padding-bottom: 0px;
  }
  .so1 {
    padding: 20px 0px 30px;
  }
  .so1_l figure {
    padding: 15px;
    gap: 12px;
  }
  .so1_l .time {
    margin-top: 10px;
  }
  .so1_l .describe {
    margin-top: 8px;
  }
  .so1_r_list {
    margin-top: 15px;
    gap: 20px 2%;
  }
  .so1_r_list li {
    width: 32%;
  }
  .so1_r_list .time {
    font-size: 14px;
    line-height: 24px;
  }
  .so1_r_list .title {
    font-size: 16px;
    line-height: 24px;
    margin-top: 4px;
  }
  .st1_l .time_share {
    gap: 8px 15px;
  }
  .st1_l h1 {
    font-size: 22px;
    line-height: 32px;
  }
  .st1_title_after {
    font-size: 16px;
    margin-top: 4px;
  }
  .st1_container {
    margin-top: 15px;
    padding: 12px 0px;
  }
  .st1_container .text em {
    margin-top: 4px;
  }
  .st1_container .text em {
    padding-left: 20px;
  }
  .st1_container .text em::before {
    top: 5px;
  }
  .st1_container .box {
    margin-top: 15px;
  }
  .st1_container .st1_title {
    font-size: 18px;
  }
  .st1_container .st1_title + .text {
    margin-top: 4px;
  }
  .st1_container .st1_title_after + .text {
    margin-top: 2px;
  }
  .seo1 {
    padding: 20px 0px 30px;
  }
  .seo1 .text {
    font-size: 15px;
    line-height: 26px;
    margin-top: 2px;
  }
  .seo1_list {
    margin-top: 15px;
    gap: 15px 2%;
  }
  .seo1_list li {
    width: 32%;
  }
  .seo1_list .name {
    font-size: 16px;
    line-height: 26px;
    margin-top: 8px;
  }
  .seo1_list .describe {
    margin-top: 2px;
  }
  .seo2 .title {
    font-size: 18px;
    line-height: 28px;
    margin-top: 6px;
  }
  .seo2 .describe {
    line-height: 26px;
    margin-top: 10px;
    font-size: 15px;
  }
  .seo3 {
    padding: 30px 0px;
  }
  .seo3 .text {
    font-size: 15px;
    margin-top: 2px;
  }
  .seo3 figure {
    margin-top: 15px;
  }
  .seo3 .title {
    font-size: 18px;
  }
  .seo3 .tags {
    margin-top: 10px;
    font-size: 16px;
    
  }
  .seo3 .tags p{
    gap: 10px 20px;
  }
  .seo3 .tags span {
    padding-left: 12px;
  }
  .seo3_list {
    margin-top: 15px;
    gap: 15px 0px;
  }
  .seo3_list .half .container {
    padding: 4% 15px;
  }
  .seo3_list .describe {
    font-size: 15px;
    line-height: 26px;
    min-height: 78px;
    margin-top: 2px !important;
  }
  .seo3_list .name {
    font-size: 18px;
  }
  .seo3_list .container {
    padding: 0px 15px 0%;
  }
  .seo4 {
    padding: 30px 0px;
  }
  .seo4 .text {
    margin-top: 2px;
  }
  .seo4_list {
    margin-top: 15px;
    gap: 15px 2%;
  }
  .seo4_list li {
    padding: 15px 20px 20px;
    min-height: auto;
  }
  .seo4_list .logo {
    width: 36px;
  }
  .seo4_list .title {
    font-size: 18px;
    margin-top: 4px;
  }
  .seo4_list .title::before {
    display: none;
  }
  .seo4_list .describe {
    margin-top: 2px;
  }
  .seo5 {
    padding: 30px 0px;
  }
  .seo5_menu {
    gap: 15px;
    margin-top: 10px;
  }
  .seo5_menu span {
    padding: 4px 16px;
  }
  .seo5_container {
    padding: 20px 20px 25px;
  }
  .seo5_container .title {
    font-size: 20px;
    line-height: 32px;
  }
  .seo5_container .title::before {
    top: 13px;
    width: 8px;
  }
  .seo5_container .title_after {
    font-size: 16px;
    line-height: 26px;
    margin-top: 4px;
  }
  .seo5_container figure {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .seo5_container .text {
    margin-top: 2px;
  }
  .seo5_container .describe {
    margin-top: 2px;
  }
  .eo1 {
    padding: 20px 0px 30px;
  }
  .eo1 .title {
    font-size: 16px;
    margin-top: 2px;
  }
  .eo1 .describe {
    font-size: 14px;
    margin-top: 2px;
  }
  .eo1_list .logo {
    width: 36px;
  }
  .eo1_list .text {
    font-size: 16px;
  }
  .eo1_list li {
    padding: 20px 15px 25px;
  }
  .eo2 {
    padding-bottom: 30px;
  }
  .eo2 .content {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 20px;
  }
  .eo2_r {
    width: 100%;
  }
  .eo2_r .title {
    font-size: 22px;
  }
  .eo2_r form {
    margin-top: 15px;
    gap: 15px 1.638%;
  }
  .eo2_r form input {
    height: 42px;
  }
  .eo2_l {
    width: 100%;
  }
  .eo2_l img {
    width: 100%;
    height: auto;
    object-fit: initial;
  }
  .public_pro {
    padding-bottom: 30px;
  }
  .public_pro .sw_box {
    margin-top: 15px;
  }
  .public_pro .box {
    padding: 10px 0px 0px;
  }
  .public_pro .title {
    font-size: 16px;
    line-height: 26px;
  }
  .public_pro .buttonBox {
    margin-top: 10px;
  }
  .tho_menu .menu_all {
    font-size: 20px;
    line-height: 30px;
  }
  .tho_menu_list {
    margin-top: 12px;
  }
  .to_menu_list2 {
    font-size: 14px;
    line-height: 24px;
  }
  .to_menu_list2 li:not(:nth-of-type(1)) {
    margin-top: 5px;
  }
  .swiper_button .controls {
    width: 32px;
  }
  .swiper_button .mask_box {
    width: 20px;
  }
  .swiper_controls .controls {
    width: 38px;
  }
  .swiper_controls .controls img {
    width: 24px;
  }
  .footer_before_title {
    font-size: 22px;
    line-height: 32px;
  }
  .footer_before {
    padding: 30px 0px;
  }
  .footer_before .describe {
    margin-top: 4px;
  }
  .footer_before .describe p {
    padding-left: 30px;
  }
  .footer_before .describe p::before {
    width: 24px;
  }
  .footer_before .describe p:not(:nth-of-type(1)) {
    margin-top: 5px;
  }
  .footer_before .content {
    gap: 15px;
  }
  .footer_before_r {
    padding: 30px;
  }
  .footer_before_r form input,
  .footer_before_r form textarea {
    font-size: 15px;
  }
  footer {
    padding: 30px 0px 50px;
  }
  footer .content {
    width: calc(100% - 100px) !important;
  }
  footer .logos {
    gap: 20px;
    margin-top: 15px;
  }
  footer .logos figure {
    width: 120px;
  }
  footer .title {
    font-size: 16px;
  }
  footer .text {
    margin-top: 6px;
    font-size: 15px;
    line-height: 24px;
  }
  footer .name {
    font-size: 15px;
    line-height: 26px;
    margin-top: 5px;
  }
  footer .dif_footer {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  footer .dif_up {
    width: 8px;
    display: block;
    filter: brightness(0) invert(1);
  }
  footer .list {
    font-size: 15px;
    line-height: 26px;
    margin-top: 4px;
    display: none;
  }
  footer .list li:not(:nth-of-type(1)) {
    margin-top: 4px;
  }
  footer .ic_box {
    margin-top: 10px;
  }
  footer .icBox {
    margin-top: 12px;
    gap: 8px;
  }
  footer .icBox a {
    width: 32px;
  }
  footer .icBox .iconfont {
    font-size: 16px;
  }
  .footer_title {
    font-size: 22px;
    line-height: 32px;
  }
  .footer_a .r_box {
    gap: 15px 4%;
  }
  .footer_b {
    margin-top: 15px;
    gap: 10px;
    flex-wrap: wrap;
  }
  .footer_b > * {
    width: 100% !important;
    max-width: 100% !important;
  }
  .footer_c {
    margin-top: 15px;
    padding-top: 15px;
    line-height: 24px;
    font-size: 15px;
  }
  .buttonBox .button_logo {
    width: 26px;
  }
  .buttonBox a {
    padding: 4px;
    gap: 10px;
  }
  .buttonBox span {
    margin-left: 6px;
  }
  .PageNumber {
    margin-top: 20px !important;
    gap: 10px 20px;
  }
  .PageNumber .page_box {
    gap: 8px;
  }
  .PageNumber a {
    font-size: 14px;
    line-height: 24px;
    width: 30px;
  }
  .PageNumber .submit {
    font-size: 14px;
    line-height: 24px;
    min-width: auto;
    padding: 2px 16px;
  }
  .page_change {
    margin-top: 20px !important;
    flex-wrap: wrap;
    gap: 12px;
  }
  .page_change .box {
    line-height: 22px;
  }
  .page_change .logo {
    width: 36px !important;
  }
  .page_change > * {
    width: 100%;
    max-width: 100%;
    gap: 10px;
  }
  .page_change > *:nth-of-type(2) {
    flex-direction: row;
  }
  .page_change > *:nth-of-type(2) .box {
    text-align: left;
  }
  .page_change .page_name {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  html body .content {
    width: calc(100% - 40px);
  }
  html body .sw_content {
    width: calc(100% - 40px);
  }
  header .content {
    width: calc(100% - 40px) !important;
  }
  .index1 .content {
    flex-wrap: wrap;
    gap: 15px;
  }
  .index1 .l_box {
    width: 100%;
  }
  .index1 .r_box {
    width: 100%;
  }
  .index4::before {
    display: none;
  }
  .index4 .content {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 20px;
  }
  .index4_change {
    margin-top: 8px;
  }
  .index4_l {
    width: 100%;
  }
  .index4_r {
    width: 100%;
  }
  .index5_r {
    display: none;
  }
  .index5_l {
    width: 100%;
  }
  .bannerBox {
    padding-top: 180px;
  }
  .to1_list li {
    width: 49%;
  }
  .to3_list li {
    width: 100%;
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 20px 2%;
  }
  .to3_list li figure{
    width: 49%;
  }
  .tt2_list li {
    width: 23.5%;
  }
  .fuo2_list {
    gap: 20px 2%;
  }
  .fuo2_list li {
    width: 49%;
  }
  .seo4_list li {
    width: 49%;
  }
  .eo1_list li {
    width: 49%;
  }
  .eo2_r {
    padding: 20px 20px 24px;
  }
  .eo2_r form .yzm span {
    height: 32px;
  }
  .footer_before_r {
    padding: 15px;
  }
  .footer_before_r form .afterBox::before {
    left: 10px;
  }
  .footer_before_r form .afterBox input,
  .footer_before_r form .afterBox textarea {
    padding-left: 18px;
  }
  footer .content {
    width: calc(100% - 40px) !important;
  }
  footer .logos {
    justify-content: center;
  }
  .footer_a {
    flex-wrap: wrap;
  }
  .footer_a .l_box {
    flex: none;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .footer_a .r_box {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .index_banner {
    padding-top: 80% !important;
  }
}
@media screen and (max-width: 600px) {
  .tt2_list li {
    width: 32%;
  }
  .tho2_list li {
    width: 49%;
  }
  .fuo1_list li {
    width: 100%;
  }
  .fuo2_list li {
    width: 100%;
  }
  .so1_r_list li {
    width: 49%;
  }
  .seo1_list li {
    width: 49%;
  }
  .seo3_list li {
    aspect-ratio: 840/520;
    align-items: flex-end;
  }
  .seo3_list .half {
    width: 100%;
  }
  .seo3_list .describe {
    min-height: auto;
    line-height: 22px !important;
  }
  .seo3_list .container {
    padding: 4% 15px;
  }
}
@media screen and (max-width: 480px) {
  .index5_l {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px 2%;
  }
  .index5_l figure {
    width: 49%;
    flex-wrap: wrap;
    padding: 10px;
  }
  .index5_l .l_box {
    width: 100%;
    max-width: 100%;
  }
  .index5_l .r_box {
    flex: none;
    width: 100%;
  }
  .index5_l .title {
    font-family: GothamBook;
    font-size: 16px;
  }
  .to1_list li {
    width: 100%;
  }
  .to3_list li figure{
    width: 100%;
  }
  .to6_list li {
    gap: 12px;
  }
  .to6_list .l_box {
    width: 100%;
    max-width: 100%;
  }
  .to6_list .l_box img {
    width: 100%;
  }
  .to6_list .r_box {
    flex: none;
    width: 100%;
  }
  .to6_list .container {
    width: 100%;
    position: relative;
  }
  .tho1_list li {
    width: 32%;
  }
  .fuo3_container figure {
    flex-wrap: wrap;
    gap: 4px;
  }
  .fuo3_container .box {
    flex: none;
    width: 100%;
  }
  .fuo4_list li {
    width: 100%;
  }
  .so1_l .container {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px 2%;
  }
  .so1_l figure {
    width: 49%;
    flex-wrap: wrap;
    padding: 10px;
  }
  .so1_l .l_box {
    width: 100%;
    max-width: 100%;
  }
  .so1_l .r_box {
    flex: none;
    width: 100%;
  }
  .so1_l .title {
    font-family: GothamBook;
    font-size: 16px;
  }
  .seo1_list li {
    width: 100%;
  }
  .seo4_list li {
    width: 100%;
  }
  .eo2_r form .int1 {
    width: 100%;
  }
  .public_top {
    flex-wrap: wrap;
    gap: 8px;
  }
  .public_top .top_l {
    flex: none;
    width: 100%;
    text-align: center;
  }
  .public_top .top_r {
    width: 100%;
    padding-top: 0px;
  }
  .public_top .swiper_button {
    justify-content: center;
  }
  .footer_before_r form .int1 {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .index5_l figure {
    width: 100%;
  }
  .index5_l figure .imgBox img {
    width: 100%;
  }
  .tt2_list li {
    width: 49%;
  }
  .tho2_list li {
    width: 100%;
  }
  .so1_l figure {
    width: 100%;
  }
  .so1_l figure .imgBox img {
    width: 100%;
  }
  .so1_r_list .imgBox img {
    width: 100%;
  }
  .so1_r_list li {
    width: 100%;
  }
  .seo3_list li {
    aspect-ratio: 840/600 !important;
  }
  .eo1_list {
    gap: 15px 0px;
  }
  .eo1_list li {
    width: 100%;
  }
  .footer_a .r_box .half {
    width: 100%;
  }
}
@font-face {
  font-family: "GothamBook";
  src: url("../fonts/GothamBook.eot");
  src: url("../fonts/GothamBook.eot") format("embedded-opentype"), url("../fonts/GothamBook.woff2") format("woff2"), url("../fonts/GothamBook.woff") format("woff"), url("../fonts/GothamBook.ttf") format("truetype"), url("../fonts/GothamBook.svg#GothamBook") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "GothamBold";
  src: url("../fonts/GothamBold.eot");
  src: url("../fonts/GothamBold.eot") format("embedded-opentype"), url("../fonts/GothamBold.woff2") format("woff2"), url("../fonts/GothamBold.woff") format("woff"), url("../fonts/GothamBold.ttf") format("truetype"), url("../fonts/GothamBold.svg#GothamBold") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "iconfont";
  /* Project id 4647297 */
  src: url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url("../fonts/iconfont.woff?t=1776649723522") format("woff"), url("../fonts/iconfont.ttf?t=1776649723522") format("truetype");
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sina2:before {
  content: "\e644";
}

.icon-sina1:before {
  content: "\e619";
}

.icon-zhihu1:before {
  content: "\e6a0";
}

.icon-xiaohongshu2:before {
  content: "\e69e";
}

.icon-kuaishou2:before {
  content: "\e609";
}

.icon-kuaishou1:before {
  content: "\e603";
}

.icon-bilibili1:before {
  content: "\e60a";
}

.icon-xiaohongshu1:before {
  content: "\e68a";
}

.icon-bilibili2:before {
  content: "\ea95";
}

.icon-tiktok1:before {
  content: "\e602";
}

.icon-zhihu2:before {
  content: "\e690";
}

.icon-icon_duihao-mian:before {
  content: "\e63e";
}

.icon-gantanhao:before {
  content: "\e606";
}

.icon-search:before {
  content: "\e65c";
}

.icon-facebook2:before {
  content: "\e6e5";
}

.icon-Linkedin:before {
  content: "\e684";
}

.icon-TiktokLogo:before {
  content: "\e71f";
}

.icon-Youtube:before {
  content: "\e880";
}

.icon-dianhua:before {
  content: "\e62f";
}

.icon-weixin:before {
  content: "\e64f";
}

.icon-facebook1:before {
  content: "\e621";
}

.icon-xiangxia2:before {
  content: "\e63d";
}

.icon-douyin1:before {
  content: "\e8db";
}

.icon-linkedin1:before {
  content: "\e625";
}

.icon-pinterest1:before {
  content: "\e61e";
}

.icon-twitter-new2:before {
  content: "\e800";
}

.icon-instagram2:before {
  content: "\e73a";
}

.icon-youtube1:before {
  content: "\e614";
}

.icon-youjiantou:before {
  content: "\e73d";
}

.icon-youjiantou-copy:before {
  content: "\eb8f";
}

.icon-tabzuoyouqiehuan:before {
  content: "\e668";
}

.icon-tabzuoyouqiehuan-copy:before {
  content: "\eb90";
}

.icon-pinterest2:before {
  content: "\e82e";
}

.icon-xiangxiaxialakuang:before {
  content: "\e657";
}

.icon-twitter3:before {
  content: "\e7fd";
}

.icon-twitter4:before {
  content: "\e7fe";
}

.icon-youxiang-32:before {
  content: "\e605";
}

.icon-trun-north:before {
  content: "\e615";
}

.icon-guanbi:before {
  content: "\e601";
}

.icon-home:before {
  content: "\e624";
}

.icon-facebook:before {
  content: "\e620";
}

.icon-pinterest:before {
  content: "\e8ab";
}

.icon-linkedin:before {
  content: "\e648";
}

.icon-youtube:before {
  content: "\e6d6";
}

.icon-twitter:before {
  content: "\e607";
}

.icon-bigger:before {
  content: "\e647";
}

.icon-left:before {
  content: "\e72c";
}

.icon-right:before {
  content: "\e72d";
}

.icon-up1:before {
  content: "\e72e";
}

.icon-bottom1:before {
  content: "\e72f";
}

.icon-left1:before {
  content: "\e730";
}

.icon-right1:before {
  content: "\e731";
}

.icon-up:before {
  content: "\e73e";
}

.icon-bottom:before {
  content: "\e73f";
}

.icon-instagram:before {
  content: "\e79d";
}

.icon-tumblr:before {
  content: "\e79e";
}

.icon-email:before {
  content: "\e7bd";
}

.icon-contact:before {
  content: "\e7be";
}

.icon-whatsapp:before {
  content: "\e7bf";
}

.icon-fax:before {
  content: "\e7c2";
}

.icon-mobile:before {
  content: "\e7c6";
}

.icon-tel:before {
  content: "\e7c7";
}

.icon-phone1:before {
  content: "\e7cb";
}

.icon-skype:before {
  content: "\e7cc";
}

.icon-whatsapp1:before {
  content: "\e7c1";
}

.icon-skype1:before {
  content: "\e7c9";
}

.icon-qq:before {
  content: "\e7ce";
}

.icon-tel1:before {
  content: "\e7cd";
}

.icon-wechat:before {
  content: "\e7cf";
}

.icon-message:before {
  content: "\e7da";
}

.icon-calendar:before {
  content: "\e7e1";
}

.icon-top:before {
  content: "\e7ed";
}

.icon-jian2:before {
  content: "\e600";
}

.icon-jia2:before {
  content: "\e608";
}

.icon-vk:before {
  content: "\e735";
}

.icon-instagram1:before {
  content: "\e640";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-sousuo4:before {
  content: "\e610";
}

.icon-sousuo:before {
  content: "\e616";
}

.icon-sousuo1:before {
  content: "\e65b";
}


.shopping-cart{
	position: fixed;
	bottom: 100px;
	right: 15px;
	z-index: 99;
}

.shopping-cart-title{
	width: 57px;
	text-align: center;
	border-radius: 50%;
	background-color: #409b44;
	font-size: 16px;
	color: #fff;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
    position: relative;
    z-index: 2;
}

.shopping-cart-title::before,
.shopping-cart-title::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #409B44;
    aspect-ratio: 1/1;
    border-radius: 50%;
}

.shopping-cart-title::before{
    opacity: 0.3;
    width: calc(100% + 10px);
    z-index: -1;
}

.shopping-cart-title::after{
    opacity: 0.2;
    width: calc(100% + 18px);
    z-index: -2;
}

.shopping-cart-title input{
	font-family: GothamBook;
    background-color: transparent;
    color: #fff;
	font-size: 14px;
	line-height: 24px;
	position: absolute;
    inset: 0;
    cursor: pointer;
}

.shopping-cart-num{
	width: 29px;
	aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: GothamBook;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    color: #409B44;
	text-align: center;
	border-radius: 50%;
	background-color: #CEEECF;
	position: absolute;
	top: -12px;
	right: -5px;
	z-index: 3;
}

.eo2_pro{
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #409B44;
    margin-top: 49px;
    background: #ECF5EC;
    padding-bottom: 41px;
}
.eo2_pro .pro_title{
    font-family: GothamBook;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 28px;
    color: #fff;
    background: #409B44;
    text-align: center;
    padding: 8px 20px 12px;
}
.eo2_list_pro{
    width: calc(100% - 30px);
    max-width: 744px;
    margin: 26px auto 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 27px 0px;
}
.eo2_list_pro li{
    width: 47.984%;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
}
.eo2_list_pro .imgBox{
    width: 29.972%;
    border: 1px solid #E6E6E6;
}
.eo2_list_pro .pro_box{
    flex: 1;
    border: 1px solid #E6E6E6;
    border-left: none;
    padding: 0px 25px 0px;
    display: flex;
    align-items: center;
    position: relative;
}
.eo2_list_pro .pro_box .name{
    font-family: GothamBook;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 28px;
    color: #333;
}
.eo2_list_pro .pro_box .name a{
    color: #333;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.eo2_list_pro .pro_box .name a:hover{
    color: #409B44;
}
.eo2_list_pro .eo2_close{
    position: absolute;
    width: 31px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    cursor: pointer;
    top: 9px;
    right: 9px;
}

@media screen and (max-width: 1200px) {
    .eo2_pro .pro_title{
        font-size: 16px;
        line-height: 26px;
    }
    .eo2_pro{
        margin-top: 20px;
    }
    .eo2_list_pro .eo2_close{
        width: 24px;
        right: 0px;
        top: 0px;
        transform: translate(50%,-50%);
    }
    .eo2_list_pro .pro_box{
        padding: 0px 16px 0px;
    }
    .eo2_list_pro .pro_box .name{
        font-size: 14px;
        line-height: 24px;
    }
}
@media screen and (max-width: 481px) {
    .eo2_list_pro li{
        width: 100%;
    }
}



header .lang {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 38px;
  margin-top: 7px;
}
header .lang::before {
  content: "";
  position: absolute;
  border-left: 1px solid #666;
  height: 100%;
  max-height: 20px;
  left: -18px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.3;
}
header .lang .lang_box {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  overflow: hidden;
  gap: 5px;
  transition: 0.2s;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  header .lang .lang_box:hover span {
    color: #409b44;
  }
  header .lang .lang_box:hover .lang2,
  header .lang .lang_box:hover .lang1 {
    background: #409b44;
  }
}
header .lang .lang_box .lang2 {
  width: 30px;
  aspect-ratio: 1/1;
  mask-image: url("../images/lang.png");
  -webkit-mask-image: url("../images/lang.png");
  transition: 0.3s;
  background: #666;
}
header .lang .lang_box .lang1 {
  width: 10px;
  aspect-ratio: 1/1;
  mask-image: url("../images/lang1.png");
  -webkit-mask-image: url("../images/lang1.png");
  transition: 0.3s;
  background: #666;
}
header .lang .lang_box span {
  font-family: Montserrat-Regular;
  font-size: 16px;
  line-height: 28px;
  color: #666;
  transition: 0.3s;
}
header .lang > ul {
  display: none;
  position: absolute;
  width: 120px;
  background-color: #fff;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px;
  z-index: 1;
  border: 1px solid #222;
}
header .lang > ul li {
  font-size: 16px;
  line-height: 26px;
  padding: 6px 0px;
  border-bottom: 1px dashed #222;
}
header .lang > ul li a {
  text-align: center;
  display: block;
  line-height: 28px;
  color: #222;
}
@media screen and (min-width: 993px) {
  header .lang > ul li a:hover {
    color: #409b44;
  }
}
header .lang > ul li:nth-last-of-type(1) {
  border-bottom: none;
}
@media screen and (max-width: 1480px) {
    header .lang {
        margin-top: 0px;
  }
  header .center{
      gap: 42px;
  }
}
@media screen and (max-width: 1200px){
    header .lang {
    margin-left: 28px;
  }
  header .lang::before {
    left: -14px;
  }
  header .lang .lang_box .lang2 {
    width: 24px;
  }
  header .center{
      gap: 20px;
  }
}

@media screen and (max-width: 992px) {
    .header_boxr{
        padding-right: 46px;
    }
     header .lang {
    margin-left: 0px;
  }
  header .lang::before {
    display: none;
  }
}
@media screen and (max-width: 481px) {
     .header_boxr{
        padding-right: 38px;
    }
}


