@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.eot');
  src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-SemiBold.eot');
  src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Bold.eot');
  src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Medium.eot');
  src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rany';
  src: url('../fonts/RanyBold.eot');
  src: url('../fonts/RanyBold.eot?#iefix') format('embedded-opentype'), url('../fonts/RanyBold.woff2') format('woff2'), url('../fonts/RanyBold.woff') format('woff'), url('../fonts/RanyBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.rany,
.Rany,
.title {
  font-family: 'Rany';
}
html,
body {
  position: relative;
  max-width: 1920px;
  margin: auto;
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
  position: relative;
  font-family: 'Poppins';
  font-weight: 400;
  margin: 0 auto;
  color: #333;
  font-size: 16px;
  height: auto;
  --color1: #377642;
  --color: #54a041;
}
.container {
  width: 1630px;
  padding: 0 15px;
}
.color6 {
  color: #666;
}
.color9 {
  color: #999;
}
@keyframes ks2 {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  10% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(1.55);
    -moz-transform: scale(1.55);
    -o-transform: scale(1.55);
    transform: scale(1.55);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(1.55);
    -moz-transform: scale(1.55);
    -o-transform: scale(1.55);
    transform: scale(1.55);
    opacity: 0;
  }
}
@keyframes expandWidth {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes xz {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.Hbtn,
.inner-page .Hbtn {
  color: #fefefe;
  background-color: var(--color1);
  border-radius: var(--px36);
}
.Hbtn i,
.inner-page .Hbtn i {
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #f8f8f8;
  border-radius: 50%;
}
.Hbtn:hover,
.inner-page .Hbtn:hover {
  background-color: #333;
}
.Hbtn1,
.inner-page .Hbtn1 {
  color: #fefefe;
  background-image: url('../images/Hbtn1Bg.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 36px;
  overflow: hidden;
}
.Hbtn1 i,
.inner-page .Hbtn1 i {
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #f8f8f8;
  border-radius: 50%;
}
.Hbtn1:hover,
.inner-page .Hbtn1:hover {
  background-image: url('../images/HbtnHoverBg.jpg');
}
.minTitl {
  color: #78df5f;
  background-color: #428531;
  display: inline-block;
  font-size: 10px;
  line-height: 2;
  border-radius: 15px;
}
.swiperBtn i.iconL {
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-right: 14px solid white;
}
.swiperBtn i.iconR {
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 14px solid white;
}
.swiperBtn .btnS {
  width: var(--px75);
  height: var(--px75);
  min-width: 40px;
  min-height: 40px;
  background-color: #d4d4d4;
  border-radius: 50%;
}
.swiperBtn .btnS:hover {
  background-color: var(--color);
}
.swiper-pagination.swiper-round span {
  width: 12px;
  height: 12px;
  background-color: #bdbdbd;
  border-radius: 50%;
  border: 1px solid transparent;
  opacity: 1;
  margin: 0 10px;
  position: relative;
}
.swiper-pagination.swiper-round span::before {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  border: 1px solid transparent;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiper-pagination.swiper-round span.swiper-pagination-bullet-active {
  background-color: var(--color);
  margin: 0 var(--px19);
}
.swiper-pagination.swiper-round span.swiper-pagination-bullet-active::before {
  border: 1px solid var(--color);
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 18;
}
#header a {
  display: block;
}
#header img {
  display: block;
  width: 100%;
}
#header > .nav {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1920px;
  margin: auto;
  background-color: #f3f3f3;
  border-bottom: 1px solid rgba(220, 220, 220, 0);
}
#header > .nav > .menu {
  padding: 25px 0 18px;
}
#header > .nav > .menu .menu-box {
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#header > .nav > .menu .menu-box .left {
  position: relative;
}
#header > .nav > .menu .menu-box .left .logo {
  position: relative;
  display: block;
  z-index: 1;
}
#header > .nav > .menu .menu-box .left .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}
#header > .nav > .menu .menu-box .menu_c {
  z-index: 2;
  text-align: center;
  padding-left: 8.854166vw;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container {
  z-index: 2;
  width: 100%;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu {
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item {
  display: inline-block;
  position: relative;
  margin-left: var(--px50);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item.active > a {
  color: var(--color);
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item:first-child {
  margin-left: 0;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item:hover > a::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item:hover > .sub-menu {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item > a {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  padding: 4px 0 4px 0;
  text-align: left;
  line-height: 1.2;
  position: relative;
  text-transform: uppercase;
  color: #333;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item > a i {
  font-size: 12px;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item > a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 2px;
  left: 0;
  background-color: #fff;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 150px;
  width: auto;
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  border-radius: 2px;
  background-color: #f7f7f7;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item {
  color: #000;
  position: relative;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item a {
  white-space: nowrap;
  font-size: 16px;
  padding: 8px 12px;
  text-align: left;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(189, 189, 189, 0);
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item:hover > a {
  background-color: #000;
  color: #fff;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item .sub-menu {
  left: 100%;
  top: 0;
  min-width: 120px;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item:hover > .sub-menu {
  transform: rotate3d(0, 0, 0, -90deg);
  -webkit-transform: rotate3d(0, 0, 0, -90deg);
  -moz-transform: rotate3d(0, 0, 0, -90deg);
  -ms-transform: rotate3d(0, 0, 0, -90deg);
  -o-transform: rotate3d(0, 0, 0, -90deg);
  opacity: 1;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item.productNav.show {
  -webkit-transform: scaleY(1) translateX(-50%);
  -moz-transform: scaleY(1) translateX(-50%);
  -ms-transform: scaleY(1) translateX(-50%);
  -o-transform: scaleY(1) translateX(-50%);
  transform: scaleY(1) translateX(-50%);
  opacity: 1;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item.productNav {
  position: relative;
}
/*#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item.productNav .sub-menu {
  display: none !important;
}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item.productNav::before {
  width: 100%;
  content: '';
  position: absolute;
  height: 50px;
  background-color: transparent;
  left: 0;
  bottom: -30px;
}*/
#header > .nav > .menu .menu-box .menu_c .proNav {
  width: 100%;
  min-height: 50vh;
  left: 50%;
  top: 72px;
  background-color: #f8f8f8;
  padding: var(--px40);
  padding-top: 40px;
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: scaleY(0) translateX(-50%);
  transform-origin: top;
  opacity: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.23);
}
#header > .nav > .menu .menu-box .menu_c .proNav .box {
  width: 100%;
  height: 100%;
}
#header > .nav > .menu .menu-box .menu_c .proNav .proMenu1 a {
  position: relative;
  padding-bottom: 2px;
  display: inline-block;
}
#header > .nav > .menu .menu-box .menu_c .proNav .proMenu1 a::before {
  content: '';
  height: 2px;
  width: 0;
  background-color: var(--color);
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#header > .nav > .menu .menu-box .menu_c .proNav .proMenu1 a:hover::before {
  width: 100%;
}
#header > .nav > .menu .menu-box .menu_c .proNav.show {
  -webkit-transform: scaleY(1) translateX(-50%);
  -moz-transform: scaleY(1) translateX(-50%);
  -ms-transform: scaleY(1) translateX(-50%);
  -o-transform: scaleY(1) translateX(-50%);
  transform: scaleY(1) translateX(-50%);
  opacity: 1;
}
#header > .nav > .menu .menu-box .right {
  position: relative;
  z-index: 1;
}
#header > .nav > .menu .menu-box .right .search {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
#header > .nav > .menu .menu-box .right .lang_cont .c_cont {
  border-radius: 50%;
}
#header > .nav > .menu .menu-box .right .lang_cont .c_cont .textC {
  color: #fff;
  text-transform: capitalize;
}
#header > .nav > .menu .menu-box .right .lang_cont .c_cont .textC .img {
  width: 26px;
  height: 16px;
}
#header > .nav > .menu .menu-box .right .lang_cont .c_cont .textC .txt {
  text-transform: uppercase;
  color: #666;
}
#header > .nav > .menu .menu-box .right .lang_cont .c_cont .textC .langIcon {
  width: 8px;
  height: 5px;
}
#header > .nav > .menu .menu-box .right .lang_cont .lang {
  padding-top: 5px;
}
#header > .nav > .menu .menu-box .right .open_btn {
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
  text-align: center;
  color: #fff;
  margin-left: 26px;
  background-color: #c10015;
  min-width: 150px;
  padding: 10px;
}
#header > .nav > .menu .menu-box .right .open_btn p {
  position: relative;
}
#header > .nav > .menu .menu-box .right .open_btn .img {
  width: 19px;
  height: 19px;
  margin-left: 10px;
}
#header > .nav > .menu .menu-box .right .open_btn:hover {
  background-color: #000;
}
#header > .nav .lang_cont {
  display: inline-block;
  position: relative;
  cursor: pointer;
  z-index: 2;
}
#header > .nav .lang_cont:hover .lang {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
#header > .nav .lang_cont .lang {
  overflow-y: auto;
  max-height: 400px;
  width: 150px;
  position: absolute;
  top: 100%;
  right: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  -o-transition: opacity 0.3s, -o-transform 0.5s;
  -moz-transition: transform 0.5s, opacity 0.3s, -moz-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
  -moz-transition: -moz-transform 0.5s, opacity 0.3s;
  border-bottom: 3px solid #333333;
}
#header > .nav .lang_cont .lang li a {
  display: block;
  background: #f7f7f7;
  padding: 5px 10px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  text-align: left;
}
#header > .nav .lang_cont .lang li a:hover {
  background-color: #000;
  color: #fff;
}
#header > .nav .lang_cont .lang li a:hover em {
  color: #fff;
}
#header > .nav .lang_cont .lang li a img {
  display: inline;
  width: 20%;
  margin-top: 4px;
}
#header > .nav .lang_cont .lang li a em {
  display: inline;
  font-size: 16px;
  margin-left: 10px;
  color: #000;
}
#header.active > .nav {
  border-bottom: 1px solid rgba(220, 220, 220, 0.4);
}
#banner {
  background-color: #f3f3f3;
  padding-top: 130px;
  position: relative;
}
#banner .swiper ul li {
   background-color: #f3f3f3;
   height: auto;
}
#banner .swiper ul li .left {
  width: 60%;
}
#banner .swiper ul li .right {
  width: 60%;
  margin-left: -20%;
}
#banner .swiper ul li .right a {
  display: inline-block;
}
#banner .swiper ul li .right a:hover img {
  transform: scale(1.05);
}
#banner .swiper ul li .right .imgBox1 {
  width: 68%;
}
#banner .swiper ul li .right .imgBox2 {
  display: block;
  margin-left: auto;
  width: 32%;
  margin-top: var(--npx80);
}
#banner .swiper ul li.swiper-slide-active .logoB {
  -webkit-animation: clipToRight 1s linear;
  -moz-animation: clipToRight 1s linear;
  -o-animation: clipToRight 1s linear;
  animation: clipToRight 1s linear;
}
#banner .swiper ul li.swiper-slide-active .title {
  -webkit-animation: clipToLeft 1s linear;
  -moz-animation: clipToLeft 1s linear;
  -o-animation: clipToLeft 1s linear;
  animation: clipToLeft 1s linear;
}
#banner .swiper ul li.swiper-slide-active .bot {
  -webkit-animation: fadeInUpSmall 1s linear;
  -moz-animation: fadeInUpSmall 1s linear;
  -o-animation: fadeInUpSmall 1s linear;
  animation: fadeInUpSmall 1s linear;
}
#banner .swiper ul li.swiper-slide-active .right {
  -webkit-animation: fadeInRightSmall 1s linear;
  -moz-animation: fadeInRightSmall 1s linear;
  -o-animation: fadeInRightSmall 1s linear;
  animation: fadeInRightSmall 1s linear;
}
#banner .swiper-pagination {
  bottom: var(--px65);
}
#banner .swiper-pagination span {
  width: 12px;
  height: 12px;
  background-color: #bdbdbd;
  border-radius: 50%;
  border: 1px solid transparent;
  opacity: 1;
  margin: 0 10px;
  position: relative;
}
#banner .swiper-pagination span::before {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  border: 1px solid transparent;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#banner .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: var(--color);
  margin: 0 var(--px19);
}
#banner .swiper-pagination span.swiper-pagination-bullet-active::before {
  border: 1px solid var(--color);
}
#index-body {
  position: relative;
  z-index: 2;
}
#index-body .init_1 .container {
  z-index: 2;
}
#index-body .init_1 .container .titleBox .text {
  max-width: 720px;
  color: #999;
}
#index-body .init_1 .swiperBox {
  padding-left: var(--px147);
}
#index-body .init_1 .swiper {
  width: 100%;
  margin-left: auto;
  padding-top: var(--px30);
  padding-left: 5px;
}
#index-body .init_1 .swiper ul li {
  width: 30%;
  height: 100%;
  padding-left: 13px;
  padding-right: 13px;
}
#index-body .init_1 .swiper ul li .list {
  width: 100%;
  height: 100%;
  background-color: #f3f3f3;
  border-radius: var(--px25);
  box-shadow: 0px 11px 24px 0px rgba(0, 0, 0, 0);
  overflow: hidden;
}
#index-body .init_1 .swiper ul li .list .titl {
  display: inline-block;
  width: 100%;
}
#index-body .init_1 .swiper ul li .list .imgBox {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 19.79166vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#index-body .init_1 .swiper ul li .list .imgBox img {
  width: auto;
  max-width: 90%;
}
#index-body .init_1 .swiper ul li .list .imgBox img.por {
  z-index: 2;
}
#index-body .init_1 .swiper ul li .list .imgBox img.logoImg {
  width: 92%;
  max-width: calc(100% - 37px);
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#index-body .init_1 .swiper ul li .list .bot {
  border-top: 1px solid #fff;
  height: var(--px83);
  min-height: 50px;
  position: relative;
}
#index-body .init_1 .swiper ul li .list .bot a {
  height: 100%;
  padding: 10px;
  position: relative;
}
#index-body .init_1 .swiper ul li .list .bot a img {
  -webkit-filter: brightness(0);
  -moz-filter: brightness(0);
  -ms-filter: brightness(0);
  -o-filter: brightness(0);
  filter: brightness(0);
}
#index-body .init_1 .swiper ul li .list .bot a span,
#index-body .init_1 .swiper ul li .list .bot a img {
  position: relative;
  z-index: 5;
}
#index-body .init_1 .swiper ul li .list .bot a.down {
  border-left: 1px solid #fff;
}
#index-body .init_1 .swiper ul li .list .bot a::before {
  content: '';
  background-image: url('../images/init_1BotBg.jpg');
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  z-index: 0;
}
#index-body .init_1 .swiper ul li:hover .list {
  background-color: #fff;
  box-shadow: 0px 11px 24px 0px rgba(0, 0, 0, 0.11);
}
#index-body .init_1 .swiper ul li:hover .list .bot a img {
  -webkit-filter: brightness(1);
  -moz-filter: brightness(1);
  -ms-filter: brightness(1);
  -o-filter: brightness(1);
  filter: brightness(1);
}
#index-body .init_1 .swiper ul li:hover .list .bot a:hover {
  color: #fff;
}
#index-body .init_1 .swiper ul li:hover .list .bot a:hover img {
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
#index-body .init_1 .swiper ul li:hover .list .bot a:hover::before {
  width: 100%;
  height: 100%;
}
#index-body .init_1::after {
  content: '';
  position: absolute;
  width: 37.0833vw;
  height: 100%;
  top: 0;
  right: 0;
  background-color: #c4d7c7;
  z-index: 0;
}
#index-body .init_2 {
  background-color: #f8f8f8;
}
#index-body .init_2 .titleBox .txt {
  max-width: 1146px;
}
#index-body .init_2 .menuBox {
  align-items: stretch;
}
#index-body .init_2 .menuBox .navBox {
  min-width: 294px;
  min-height: 52px;
  background-color: #e0e0e0;
  color: #fff;
  border-radius: 26px;
  flex-shrink: 0;
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0);
  cursor: pointer;
}
#index-body .init_2 .menuBox .navBox:hover,
#index-body .init_2 .menuBox .navBox.active {
  background-color: var(--color);
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.25);
}
#index-body .init_2 .bottom .itemBox {
  display: none;
}
#index-body .init_2 .bottom .itemBox .item .left {
  width: 52%;
}
#index-body .init_2 .bottom .itemBox .item .right {
  width: 48%;
}
#index-body .init_2 .bottom .itemBox .item ul {
  font-weight: 300;
  position: relative;
  z-index: 3;
}
#index-body .init_2 .bottom .itemBox .item ul li {
  margin-bottom: 15px;
  width: 100%;
  color: #fff;
  padding-left: var(--px60);
  position: relative;
  border-radius: var(--px20);
  padding-top: 8px;
  padding-bottom: 8px;
  background-image: linear-gradient(to right, #58914a 0%, rgba(88, 145, 74, 0.5) 40%, rgba(88, 145, 74, 0) 70%);
}
#index-body .init_2 .bottom .itemBox .item ul li::before {
  position: absolute;
  content: '';
  left: var(--px20);
  top: 12px;
  width: 17px;
  height: 15px;
  background: url('../images/init_2Star2.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
#index-body .init_2 .bottom .itemBox .item ul li:nth-child(1),
#index-body .init_2 .bottom .itemBox .item ul li:nth-child(2) {
  background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0) 85%);
  color: var(--color);
}
#index-body .init_2 .bottom .itemBox .item ul li:nth-child(1)::before,
#index-body .init_2 .bottom .itemBox .item ul li:nth-child(2)::before {
  background: url('../images/init_2Star1.png');
}
#index-body .init_2 .bottom .itemBox .item ul li:last-child {
  margin-bottom: 0;
}
#index-body .init_2 .bottom .itemBox .item .Hbtn {
  z-index: 4;
  background-color: #333333;
  color: #fefefe;
  margin-top: var(--npx29);
}
#index-body .init_2 .bottom .itemBox .item .Hbtn:hover {
  background-color: var(--color);
}
#index-body .init_2 .bottom .itemBox:first-child {
  display: block;
}
#index-body .init_2 .bottom .bg {
  width: 100%;
  height: 50%;
  bottom: 0;
  background-image: linear-gradient(to top, #70a264 0%, rgba(112, 162, 100, 0.5) 40%, rgba(112, 162, 100, 0) 90%);
  z-index: 0;
}
#index-body .init_3 .top .swiperBtn .btnS {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
#index-body .init_3 .top .swiperBtn .btnS.prev {
  left: var(--npx37);
}
#index-body .init_3 .top .swiperBtn .btnS.next {
  right: var(--npx37);
}
#index-body .init_3 .top .playBox {
  cursor: pointer;
}
#index-body .init_3 .top .playBox .play-btn {
  position: relative;
  transform: none;
  left: unset;
  top: unset;
  background-color: var(--color);
  width: var(--px61);
  height: var(--px61);
  min-width: 40px;
  min-height: 40px;
}
#index-body .init_3 .center .lists {
  align-items: stretch;
}
#index-body .init_3 .center .lists .list {
  flex-shrink: 0;
  border-right: 1px solid #d1d1d1;
}
#index-body .init_3 .center .lists .list .icon {
  height: 63px;
}
#index-body .init_3 .center .lists .list .icon img {
  max-height: 100%;
}
#index-body .init_3 .center .lists .list:last-child {
  border-right: none;
}
#index-body .init_3 .bottom {
  margin-left: 10px;
  margin-right: 10px;
  background-image: url('../images/init_3BotBg.jpg');
  border-radius: 35px;
  background-position: bottom center;
}
#index-body .init_4 .container {
  z-index: 5;
}
#index-body .init_4::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 64.7917vw;
  background-color: #f8f8f8;
  z-index: 0;
}
#index-body .init_5 .swiper ul li {
  position: relative;
}
#index-body .init_5 .swiper ul li .textBox {
  width: 100%;
  min-height: 160px;
  background-color: rgba(0, 0, 0, 0.6);
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
#footer {
  position: relative;
  z-index: 1;
  overflow: hidden;
  -o-background-size: cover;
  background-size: cover;
  background-color: #f8f8f8;
}
#footer .container {
  z-index: 5;
}
#footer .top .formBox {
  border-bottom: 1px solid #e9e9e9;
}
#footer .top .formBox em {
  color: #ff0000;
}
#footer .top .formBox label {
  display: block;
}
#footer .top .formBox .Hbtn {
  height: var(--px64);
  min-height: 40px;
  border-radius: 0;
}
#footer .top .formBox ul li input {
  width: 100%;
  height: var(--px64);
  min-height: 40px;
  background-color: #f9fafc;
  border: solid 1px #d8d8d8;
}
#footer .top .formBox ul li.wid {
  width: 23.2%;
}
#footer .top .formBox ul li.cont {
  width: 34.7%;
}
#footer .center .item2 {
  width: 45.5%;
}
#footer .center .item2 .share li a {
  display: inline-flex;
  width: 27px;
  height: 27px;
  background-color: #333333;
  color: #fff;
  border-radius: 50%;
  font-size: 18px;
}
#footer .center .item2 .share li a:hover {
  background-color: var(--color);
}
#footer .center .link a:hover {
  opacity: 1;
}
#footer .copyright {
  position: relative;
  font-weight: 400;
  overflow: hidden;
  color: #525252;
}
#footer .copyright svg {
  height: 30px;
  width: auto;
  fill: #333;
  position: relative;
  top: 4px;
}
#footer .copyright a {
  margin: 0 5px;
}
#footer .copyright a img {
  margin-top: 8px;
  height: 16px;
}
#footer .copyright .left {
  width: 100%;
  position: relative;
  top: 0;
  color: #333;
  margin-right: 10px;
}
#footer .bg {
  width: 100vw;
  height: auto;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
@media (max-width: 1450px) {
  #banner .swiper ul li .right {
    width: 50%;
    margin-left: -10%;
  }
  #index-body .init_1 .swiper ul li .list .imgBox {
    min-height: 290px;
  }
  #index-body .init_2 .bottom .itemBox .item .Hbtn {
    margin-top: 10px;
  }
  #index-body .init_3 .center .lists .list {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1250px) {
  #banner {
    padding-top: var(--px80);
  }
  #banner .swiper ul li .right a .txt {
    padding-right: 0;
  }
  #index-body .init_1 .swiperBox {
    padding-left: 0;
  }
  #index-body .init_1 .swiperBox .swiper {
    padding-right: 5px;
  }
  #index-body .init_3 .center .lists .list {
    padding-left: 10px;
    padding-right: 10px;
  }
  #index-body .init_5 .swiper ul li .textBox {
    min-height: 130px;
  }
  #footer .center .item1 {
    width: 32%;
  }
  #footer .center .item2 {
    width: 50%;
  }
  #footer .center .itemR {
    padding-right: 0;
  }
}
@media (max-width: 1000px) {
  .swiperBtn i.iconL {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid white;
  }
  .swiperBtn i.iconR {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid white;
  }
  #banner .swiper ul li .left {
    width: 100%;
    padding-bottom: 20px;
  }
  #banner .swiper ul li .right {
    width: 100%;
  }
  #banner .swiper ul li .right .imgBox1 {
    width: 90%;
  }
  #banner .swiper ul li .right .imgBox2 {
    width: 45%;
    margin-top: 5px;
  }
  #banner .swiper-pagination {
    bottom: var(--px20);
  }
  #index-body .init_1 .swiper ul li .list .bot {
    height: auto;
  }
  #index-body .init_1 .swiper ul li .list .bot a {
    width: 100%;
    min-height: 40px;
  }
  #index-body .init_1 .swiper ul li .list .bot a.down {
    border-left: none;
    border-top: 1px solid #fff;
  }
  #index-body .init_2 .bottom .itemBox .item .left img {
    max-width: 80%;
    display: block;
    margin: 0 auto;
  }
  #index-body .init_2 .bottom .itemBox .item .right {
    padding: 15px !important;
  }
  #index-body .init_2 .bottom .itemBox .item .right .title,
  #index-body .init_2 .bottom .itemBox .item .right .txt {
    padding-right: 0;
  }
  #index-body .init_2 .bottom .itemBox .item ul li {
    padding-left: 38px;
  }
  #index-body .init_2 .bottom .bg {
    height: 30%;
  }
  #index-body .init_3 .top .swiperBtn .btnS.prev {
    left: -14px;
  }
  #index-body .init_3 .top .swiperBtn .btnS.next {
    right: -14px;
  }
  #index-body .init_3 .center .lists {
    padding-left: 0;
    padding-right: 0;
  }
  #index-body .init_3 .center .lists .list {
    width: 50%;
  }
  #index-body .init_3 .center .lists .list:nth-child(2) {
    border-right: none;
  }
  #index-body .init_5 .swiper ul li .textBox {
    position: static;
    transform: none;
  }
  #footer .top .formBox ul li {
    padding-bottom: 20px;
  }
  #footer .top .formBox ul li.wid {
    width: 49.5%;
  }
  #footer .top .formBox ul li.cont {
    width: 100%;
  }
  #footer .center .item2 {
    width: 60%;
  }
}
@media (max-width: 700px) {
  #index-body .init_3 .bottom {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  #index-body .init_3 .center .lists .list {
    width: 100%;
  }
  #index-body .init_3 .center .lists .list .icon {
    height: 50px;
  }
  #index-body .init_3 .center .lists .list .icon img {
    max-width: 50px;
  }
  #footer .top .formBox ul li.wid {
    width: 100%;
  }
  #footer .center .item2 {
    width: 100%;
  }
}
.inner-banner {
  padding-top: 100px;
  color: #fff;
}
.inner-banner .top .mbx a,
.inner-banner .top .mbx span {
  margin: 0 5px;
}
.inner-banner .top .mbx a {
  margin-left: 0;
}
.inner-banner .top.colorBg {
  background-color: var(--color);
}
.inner-banner .down a.btn:hover img {
  transform: translateY(5px);
}
.inner-banner .title {
  font-size: var(--px139);
}
.inner-banner.inner-banner-about {
  color: #122a31;
}
.inner-banner.inner-banner-about .top {
  color: #333;
}
.inner-banner.inner-banner-about .title {
  letter-spacing: -9px;
  line-height: 0.9;
}
.inner-page .m-page .wp-pagenavi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.inner-page .m-page .wp-pagenavi span,
.inner-page .m-page .wp-pagenavi a {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 50%;
  line-height: 1;
}
.inner-page .m-page .wp-pagenavi span {
  background-color: var(--color);
  color: #fff;
}
@media screen and (max-width: 1250px) {
  padding-top: 0;
}
.categoriesBox {
  position: relative;
}
.categoriesBox .categories_left {
  width: 26.8%;
  position: sticky;
  top: 100px;
  z-index: 9;
}
.categoriesBox .categories_left form.searchBox {
  width: 100%;
  height: var(--px84);
  min-height: 50px;
  background-color: #fff;
  border-radius: 12px;
  padding-right: var(--px80);
  position: relative;
}
.categoriesBox .categories_left form.searchBox input {
  background-color: transparent;
  border: none;
}
.categoriesBox .categories_left form.searchBox input[type="text"] {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 300;
}
.categoriesBox .categories_left form.searchBox input[type="text"]::placeholder {
  opacity: 0.4;
}
.categoriesBox .categories_left form.searchBox input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--px80);
  height: 100%;
  background-color: var(--color);
  border-radius: 12px;
  background-image: url("../images/searchCat.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.categoriesBox .categories_left form.searchBox input[type="submit"]:hover {
  background-color: var(--color);
}
.categoriesBox .categories_left .menuBox {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
}
.categoriesBox .categories_left .menuBox .navBox .nav .box {
  width: 100%;
  border-bottom: 1px solid rgba(51, 51, 51, 0.05);
  cursor: pointer;
}
.categoriesBox .categories_left .menuBox .navBox .nav .box i {
  display: inline-block;
  width: var(--px18);
  height: var(--px18);
  background-color: #dadada;
  border-radius: 50%;
}
.categoriesBox .categories_left .menuBox .navBox .nav .box a {
  display: inline-block;
  width: calc(100% - var(--px18));
}
.categoriesBox .categories_left .menuBox .navBox .nav.active > .box i {
  background-color: var(--color);
}
.categoriesBox .categories_left .menuBox .nav2Box,
.categoriesBox .categories_left .menuBox .nav3Box {
  display: none;
}
.categoriesBox .categories_left .recentBox {
  background-color: #f5f5f5;
  border-radius: 12px;
}
.categoriesBox .categories_left .recentBox .item {
  border-bottom: 1px solid rgba(51, 51, 51, 0.05);
}
.categoriesBox .categories_left .recentBox .item a.imgBox {
  width: 31.4%;
  border-radius: 11px;
}
.categoriesBox .categories_left .recentBox .item a.imgBox img {
  border-radius: 11px;
}
.categoriesBox .categories_left .recentBox .item a.titl {
  display: inline-block;
  width: 68.6%;
}
.categoriesBox .categories_left .recentBox .item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.categoriesBox .categories_left .inquiryBox {
  background-image: url('../images/news_2LBg.jpg');
  background-color: #1c1c1c;
  border-radius: 12px;
  min-height: 29.166vw;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.categoriesBox .categories_left .inquiryBox form {
  background: transparent;
}
.categoriesBox .categories_left .inquiryBox form input,
.categoriesBox .categories_left .inquiryBox form textarea {
  font-size: var(--px18);
  border: none;
}
.categoriesBox .categories_left .inquiryBox form input::placeholder,
.categoriesBox .categories_left .inquiryBox form textarea::placeholder {
  color: #333333;
}
.categoriesBox .categories_left .inquiryBox form input {
  height: auto;
}
.categoriesBox .categories_left .inquiryBox form input[type="text"] {
  height: var(--px63);
  min-height: 40px;
  border-radius: var(--px32);
  width: 100%;
  padding-left: var(--px29);
  color: #333333;
  background-color: #fff;
}
.categoriesBox .categories_left .inquiryBox form textarea {
  background-color: #fff;
  border-radius: var(--px32);
  width: 100%;
  height: var(--px189);
  min-height: 120px;
  margin-top: 10px;
  padding-left: var(--px29);
  color: #333;
}
.categoriesBox .categories_left .inquiryBox form .inquery {
  background-color: #1c1c1c;
  border-radius: var(--px22);
  font-weight: 600;
  color: #fff;
  position: absolute;
  right: 9px;
  bottom: 10px;
}
.categoriesBox .categories_left .inquiryBox form .inquery:hover {
  background-color: var(--color);
}
.categoriesBox .categories_right {
  width: 73.2%;
}
.product_page .product_1 ul li {
  position: relative;
  height: auto;
}
.product_page .product_1 ul li a.titl {
  display: inline-block;
  min-height: 44px;
}
.product_page .product_1 ul li a.titl:hover,
.product_page .product_1 ul li a.titl.active {
  color: var(--color);
}
.product_page .product_1 ul li .img {
  height: 155px;
}
.product_page .product_1 ul li a.imgBox img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.product_page .product_1 ul li a.imgBox:hover img {
  transform: scale(1.05);
}
.product_page .product_1 ul li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 142px;
  background-color: #ededed;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.product_page .product_1 ul li:last-child::after {
  background-color: transparent;
}
.product_page .product_1 .swiper-pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  background-color: #bdbdbd;
  opacity: 1;
}
.product_page .product_1 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color);
}
.product_page .product_2 .contBox {
  max-width: 1240px;
  max-height: 360px;
  overflow-y: auto;
}
.product_page .product_2 .imgBox::before,
.product_page .product_2 .imgBox::after {
  content: "";
  position: absolute;
  width: 50%;
  height: var(--px28);
  background-color: #f8f8f8;
}
.product_page .product_2 .imgBox::before {
  left: 0;
  top: 0;
  background-color: #fff;
}
.product_page .product_2 .imgBox::after {
  right: 0;
  bottom: 0;
}

.product_page .product_3 {
  background-color: #f8f8f8;
}
.product_page .product_3 ul.productList {
  align-items: stretch;
}
.product_page .product_3 ul.productList li {
  padding-left: var(--px18);
  flex-shrink: 0;
}
.product_page .product_3 ul.productList li .list {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: var(--px25);
  box-shadow: 0px 11px 24px 0px rgba(0, 0, 0, 0);
  overflow: hidden;
}
.product_page .product_3 ul.productList li .list .titl {
  display: inline-block;
  width: 100%;
}
.product_page .product_3 ul.productList li .list .imgBox {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 19.79166vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.product_page .product_3 ul.productList li .list .imgBox img {
  width: auto;
  max-width: 90%;
}
.product_page .product_3 ul.productList li .list .imgBox img.por {
  z-index: 2;
}
.product_page .product_3 ul.productList li .list .imgBox img.logoImg {
  width: 92%;
  max-width: calc(100% - 37px);
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.product_page .product_3 ul.productList li .list .bot {
  border-top: 1px solid #fff;
  height: var(--px83);
  min-height: 50px;
  position: relative;
}
.product_page .product_3 ul.productList li .list .bot a {
  height: 100%;
  position: relative;
}
.product_page .product_3 ul.productList li .list .bot a img {
  -webkit-filter: brightness(0);
  -moz-filter: brightness(0);
  -ms-filter: brightness(0);
  -o-filter: brightness(0);
  filter: brightness(0);
}
.product_page .product_3 ul.productList li .list .bot a span,
.product_page .product_3 ul.productList li .list .bot a img {
  position: relative;
  z-index: 5;
}
.product_page .product_3 ul.productList li .list .bot a.down {
  border-left: 1px solid #fff;
}
.product_page .product_3 ul.productList li .list .bot a::before {
  content: '';
  background-image: url('../images/init_1BotBg.jpg');
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  z-index: 0;
}
.product_page .product_3 ul.productList li:hover .list {
  background-color: #fff;
  box-shadow: 0px 11px 24px 0px rgba(0, 0, 0, 0.11);
}
.product_page .product_3 ul.productList li:hover .list .bot a img {
  -webkit-filter: brightness(1);
  -moz-filter: brightness(1);
  -ms-filter: brightness(1);
  -o-filter: brightness(1);
  filter: brightness(1);
}
.product_page .product_3 ul.productList li:hover .list .bot a:hover {
  color: #fff;
}
.product_page .product_3 ul.productList li:hover .list .bot a:hover img {
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.product_page .product_3 ul.productList li:hover .list .bot a:hover::before {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1250px) {
  .categoriesBox .categories_left {
    display: none;
  }
  .categoriesBox .categories_right {
    width: 100%;
  }
  .product_page .product_3 ul.productList {
    margin-left: var(--npx18);
  }
  .product_page .product_3 ul.productList li {
    width: 50%;
  }
  .product_page .product_1 {
    padding-bottom: 30px;
  }
  .product_page .product_1 .swiper-pagination {
    bottom: 5px;
  }
}
@media screen and (max-width: 1000px) {
  .product_page .product_3 ul.productList li .list .titl {
    padding-bottom: 20px;
  }
  .product_page .product_3 ul.productList li .list .bot {
    height: auto;
  }
  .product_page .product_3 ul.productList li .list .bot a {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 700px) {
  .product_page .product_2 .imgBox::before,
  .product_page .product_2 .imgBox::after {
    display: none;
  }
  .product_page .product_1 .swiper-pagination .swiper-pagination-bullet {
    margin: 0 2px;
    width: 8px;
    height: 8px;
  }
}
@media screen and (max-width: 500px) {
  .product_page .product_3 ul.productList {
    margin-left: 0;
  }
  .product_page .product_3 ul.productList li {
    padding-left: 0;
    width: 100%;
  }
}
.prodet_page .prodet_1 {
  background-color: #f8f8f8;
}
.prodet_page .prodet_1 .logoBg {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 64.4271vw;
}
.prodet_page .prodet_1 .box {
  position: relative;
  z-index: 5;
}
.prodet_page .prodet_1 .box .left .desc {
  font-size: var(--px139);
}
.prodet_page .prodet_1 .box .left .Hbtn {
  background-color: #333333;
}
.prodet_page .prodet_1 .box .left .Hbtn:hover {
  background-color: var(--color);
}
.prodet_page .prodet_1 .box .right {
  width: 57%;
}
.prodet_page .prodet_1 .box .right .small {
  width: 20%;
  max-width: 122px;
}
.prodet_page .prodet_1 .box .right .big {
  width: 70%;
}
.prodet_page .prodet_1 .box .right .big .swiper-pagination {
  bottom: 10px;
}
.prodet_page .prodet_1 .box .right .big .swiper-pagination span {
  width: 11px;
  height: 11px;
  background-color: #bdbdbd;
}
.prodet_page .prodet_1 .box .right .big .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: var(--color);
  opacity: 1;
}
.prodet_page .prodet_1 .box .swiperBtn .btnS {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.23);
  width: var(--px41);
  height: var(--px41);
  min-width: 30px;
  min-height: 30px;
  z-index: 5;
}
.prodet_page .prodet_1 .box .swiperBtn .btnS:hover {
  background-color: var(--color);
  color: #fff;
}
.prodet_page .prodet_1 .box .swiperBtn .btnS.prev {
  left: 0;
}
.prodet_page .prodet_1 .box .swiperBtn .btnS.next {
  right: 0;
}
.prodet_page .prodet_2 h2 {
  font-size: var(--px30);
  color: var(--color);
  margin-bottom: 20px;
  font-weight: 600;
}
.prodet_page .prodet_2 h3 {
  font-size: var(--px22);
  color: var(--color);
}
.prodet_page .prodet_2 .icon {
  width: auto;
  display: block;
  margin-left: auto;
}
.prodet_page .prodet_2 .product_2R h3 {
  text-align: center;
}
.prodet_page .prodet_2 .product_2R p {
  text-align: right;
}
.prodet_page .prodet_3 .menus {
  max-width: 1020px;
  margin: auto;
  border-radius: var(--px47);
  background-color: #eee;
  align-items: stretch;
}
.prodet_page .prodet_3 .menus .menu {
  border-radius: 37px;
  flex-shrink: 0;
}
.prodet_page .prodet_3 .menus .menu.active,
.prodet_page .prodet_3 .menus .menu:hover {
  background-color: #fff;
  padding-left: var(--px40);
  padding-right: var(--px40);
  font-weight: 500;
}
.prodet_page .prodet_3 .detBox {
  background-color: #f8f8f8;
  border-radius: 15px;
}
.prodet_page .prodet_3 .detBox .detShow {
  display: none;
}
.prodet_page .prodet_3 .detBox .detShow:first-child {
  display: block;
}
.prodet_page .prodet_3 .detBox h2 {
  line-height: 1;
  padding-bottom: var(--px32);
  font-weight: 600;
  font-size: var(--px36);
  position: relative;
}
.prodet_page .prodet_3 .detBox p.line {
  width: var(--px191);
  height: 9px;
  background-color: var(--color);
}
.prodet_page .prodet_3 .detBox p.line-100 {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}
.prodet_page .prodet_3 .detBox .detItem1 ul {
  line-height: 1;
  padding-top: var(--px80);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.prodet_page .prodet_3 .detBox .detItem1 ul li {
  padding-left: 54px;
  position: relative;
  line-height: 2;
  margin-right: var(--px70);
  margin-bottom: 20px;
}
.prodet_page .prodet_3 .detBox .detItem1 ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--px37);
  height: var(--px37);
  min-width: 30px;
  min-height: 30px;
  background-image: url('../images/prodet_3DetIcon1.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.prodet_page .prodet_3 .detBox .detItem2 ul {
  padding-top: var(--px60);
}
.prodet_page .prodet_3 .detBox .detItem2 ul li {
  margin-bottom: var(--px36);
}
.prodet_page .prodet_3 .detBox .detItem2 ul li:last-child {
  margin-bottom: 0;
}
.prodet_page .prodet_3 .detBox .detItem3 ul {
  padding-top: var(--px54);
}
.prodet_page .prodet_3 .detBox .detItem3 ul li {
  margin-bottom: var(--px22);
}
.prodet_page .prodet_3 .detBox .datItem4 .titl {
  width: 100%;
  font-weight: 500;
  font-size: var(--px36);
  text-align: center;
  background-color: #1b1b1b;
  color: #FFF;
  margin-top: var(--px50);
  padding-top: var(--px17);
  padding-bottom: var(--px17);
}
.prodet_page .prodet_3 .detBox .datItem4 table tbody tr {
  line-height: 3;
}
.prodet_page .prodet_3 .detBox .datItem4 table tbody tr td {
  font-weight: 500;
}
.prodet_page .prodet_3 .detBox .datItem4 table tbody tr td:first-child {
  padding-left: var(--px26);
}
.prodet_page .prodet_3 .detBox .datItem4 table tbody td,
.prodet_page .prodet_3 .detBox .datItem4 table tbody th {
  border: none;
  border-bottom: 1px solid #c4c4c4;
}
.prodet_page .prodet_3 .detBox .datItem4 table tbody tr:nth-child(even) {
  background-color: #e8e8e8;
}
.prodet_page .prodet_4 .swiper ul li {
  height: auto;
  width: 25%;
}
.prodet_page .prodet_4 .swiper ul li .list {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: var(--px25);
  border: solid 1px #e4e4e4;
  overflow: hidden;
}
.prodet_page .prodet_4 .swiper ul li .list .titl {
  display: inline-block;
  width: 100%;
}
.prodet_page .prodet_4 .swiper ul li .list .imgBox {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 19.79166vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.prodet_page .prodet_4 .swiper ul li .list .imgBox img {
  width: auto;
  max-width: 90%;
}
.prodet_page .prodet_4 .swiper ul li .list .imgBox img.por {
  z-index: 2;
}
.prodet_page .prodet_4 .swiper ul li .list .imgBox img.logoImg {
  width: 92%;
  max-width: calc(100% - 37px);
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.prodet_page .prodet_4 .swiper ul li .list .bot {
  border-top: 1px solid #fff;
  height: var(--px83);
  min-height: 50px;
  position: relative;
}
.prodet_page .prodet_4 .swiper ul li .list .bot a {
  height: 100%;
  position: relative;
}
.prodet_page .prodet_4 .swiper ul li .list .bot a img {
  -webkit-filter: brightness(0);
  -moz-filter: brightness(0);
  -ms-filter: brightness(0);
  -o-filter: brightness(0);
  filter: brightness(0);
}
.prodet_page .prodet_4 .swiper ul li .list .bot a span,
.prodet_page .prodet_4 .swiper ul li .list .bot a img {
  position: relative;
  z-index: 5;
}
.prodet_page .prodet_4 .swiper ul li .list .bot a.down {
  border-left: 1px solid #fff;
}
.prodet_page .prodet_4 .swiper ul li .list .bot a::before {
  content: '';
  background-image: url('../images/init_1BotBg.jpg');
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  z-index: 0;
}
.prodet_page .prodet_4 .swiper ul li:hover .list {
  background-color: #fff;
  box-shadow: 0px 11px 24px 0px rgba(0, 0, 0, 0.11);
}
.prodet_page .prodet_4 .swiper ul li:hover .list .bot a img {
  -webkit-filter: brightness(1);
  -moz-filter: brightness(1);
  -ms-filter: brightness(1);
  -o-filter: brightness(1);
  filter: brightness(1);
}
.prodet_page .prodet_4 .swiper ul li:hover .list .bot a:hover {
  color: #fff;
}
.prodet_page .prodet_4 .swiper ul li:hover .list .bot a:hover img {
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.prodet_page .prodet_4 .swiper ul li:hover .list .bot a:hover::before {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1250px) {
  .prodet_page .prodet_4 .swiper ul li .list .bot {
    height: auto;
  }
  .prodet_page .prodet_4 .swiper ul li .list .bot a {
    height: auto;
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .prodet_page .prodet_1 .logoBg {
    position: static;
  }
}
@media screen and (max-width: 500px) {
  .prodet_page .prodet_1 .box .swiperBtn .btnS.prev {
    left: -40px;
  }
  .prodet_page .prodet_1 .box .swiperBtn .btnS.next {
    right: -40px;
  }
  .prodet_page .prodet_3 .menus .menu {
    padding-left: var(--px40);
    padding-right: var(--px40);
  }
  .prodet_page .prodet_3 .detBox p.line {
    height: 4px;
  }
}
.about_page {
  color: #122a31;
}
.about_page .about_1 .top {
  background-image: url('../images/about_1BgGreen.jpg');
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.about_page .about_1 .top .play-btn {
  width: var(--px130);
  height: var(--px130);
  min-width: 60px;
  min-height: 60px;
  background-color: transparent;
}
.about_page .about_1 .top .play-btn img {
  width: 73%;
}
.about_page .about_1 .top .play-btn::after {
  display: none;
}
.about_page .about_1 .top .play-btn::before {
  width: 97%;
  height: 97%;
  background-image: url('../images/about_1Play.png');
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  -webkit-animation: xz 5s linear infinite;
  -moz-animation: xz 5s linear infinite;
  animation: xz 5s linear infinite;
}
.about_page .about_1 .bottom {
  background-image: url(/cqc-meter/2026/06/02/about21.jpg);
  background-repeat: no-repeat;
  background-size: 32.135466% auto;
  background-position: left bottom;
}
.about_page .about_1 .bottom .left {
  width: 32%;
}
.about_page .about_1 .bottom .right {
  width: 68%;
  color: #333;
}
.about_page .about_1 .bottom .right .titl {
  letter-spacing: -3px;
  color: #122a31;
}
.about_page .about_1 .bottom .right .numBox li {
  width: 48%;
  line-height: 1;
}
.about_page .about_1 .bottom .right .numBox li .list {
  width: 100%;
  border-bottom: 1px solid #4a4a4a;
}
.about_page .about_1 .bottom .right .numBox li .list i {
  color: var(--color);
}
.about_page .about_1 .bottom .right .numBox li .list .txt {
  font-weight: 300;
}
.about_page .about_2 {
  background-image: url('../images/about_2Bg.jpg');
  background-position: left center;
  color: #fff;
}
.about_page .about_2 .box {
  width: 100%;
  max-width: 620px;
}
.about_page .about_3 {
  background-image: url(../images/about_3Bg.jpg);
}
.about_page .about_3 ul.items {
  align-items: stretch;
}
.about_page .about_3 ul.items li {
  flex-shrink: 0;
  border: solid 1px #e4e4e4;
}
.about_page .about_3 ul.items li .icon {
  height: 61px;
}
.about_page .about_3 ul.items li::after,
.about_page .about_3 ul.items li::before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #000000;
  position: absolute;
  top: -3px;
}
.about_page .about_3 ul.items li::after {
  left: -4px;
}
.about_page .about_3 ul.items li::before {
  right: -4px;
}
.about_page .about_3 ul.items li:hover .icon img {
  transform: rotateY(360deg);
}
.about_page .about_4 .bottom {
  padding-left: var(--px160);
  width: 100%;
  margin-left: auto;
  position: relative;
}
.about_page .about_4 .bottom .swiper {
  z-index: 5;
}
.about_page .about_4 .bottom .swiper ul li {
  width: 29.3%;
}
.about_page .about_4 .bottom .swiper ul li .content {
  width: 100%;
}
.about_page .about_4 .bottom .swiper ul li .content .year {
  height: 103px;
}
.about_page .about_4 .bottom .swiper ul li .content img.img {
  margin-top: 40px;
}
.about_page .about_4 .bottom .swiper ul li .content .line {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 103px;
  left: 36%;
  z-index: 2;
}
.about_page .about_4 .bottom .swiper ul li .content .line p {
  position: absolute;
  width: 0;
  height: 100%;
  background-color: var(--color);
  top: 0;
  left: 0;
  z-index: 3;
}
.about_page .about_4 .bottom .swiper ul li .content .roundBox {
  position: absolute;
  top: 89px;
  left: 33%;
  z-index: 5;
}
.about_page .about_4 .bottom .swiper ul li .content .roundBox .round {
  position: relative;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  opacity: 1;
}
.about_page .about_4 .bottom .swiper ul li .content .roundBox .round i {
  display: block;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border-radius: 50%;
}
.about_page .about_4 .bottom .swiper ul li .content .roundBox .round::before,
.about_page .about_4 .bottom .swiper ul li .content .roundBox .round::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #a3a3a3;
  border-radius: inherit;
  z-index: -1;
  -webkit-animation: ks2 2s linear infinite;
  -moz-animation: ks2 2s linear infinite;
  animation: ks2 2s linear infinite;
}
.about_page .about_4 .bottom .swiper ul li .content .roundBox .round::before {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}
.about_page .about_4 .bottom .swiper ul li.swiper-slide-active .content .line p {
  -webkit-animation: expandWidth 5s forwards;
  -moz-animation: expandWidth 5s forwards;
  animation: expandWidth 5s forwards;
}
.about_page .about_4 .bottom .swiper ul li.swiper-slide-active .content .year {
  color: var(--color);
}
.about_page .about_4 .bottom .swiper ul li.swiper-slide-active .content .roundBox .round::before,
.about_page .about_4 .bottom .swiper ul li.swiper-slide-active .content .roundBox .round::after {
  background-color: var(--color);
}
.about_page .about_4 .bottom .lineBig {
  content: '';
  position: absolute;
  width: 80.4%;
  height: 1px;
  background-color: rgba(51, 51, 51, 0.3);
  top: 103px;
  right: 34px;
  z-index: -1;
}
.about_page .about_5 {
  background-color: #f8f8f8;
}
.about_page .about_5 .box {
  width: 100%;
  max-width: 1400px;
  margin: auto;
}
.about_page .about_5 .swiper-pagination {
  bottom: var(--npx58);
}
@media screen and (max-width: 1450px) {
  .about_page .about_4 .bottom .lineBig {
    width: 78%;
  }
}
@media screen and (max-width: 1250px) {
  .about_page .about_4 .bottom .lineBig {
    left: 20%;
    right: auto;
  }
}
@media screen and (max-width: 1000px) {
  .about_page .about_3 ul.items li {
    width: 50%;
  }
  .about_page .about_4 .bottom {
    padding-left: 15px;
    padding-right: 15px;
  }
  .about_page .about_4 .bottom .lineBig {
    width: 100%;
    left: 0;
  }
}
@media screen and (max-width: 700px) {
  .about_page .about_1 .bottom .right .numBox li .list .txt {
    display: block;
    width: 100%;
    padding-bottom: 10px;
  }
  .about_page .about_4 .bottom .swiper ul li .content {
    padding-left: 10px;
    padding-right: 10px;
  }
  .about_page .about_4 .bottom .swiper ul li .content .year {
    height: 50px;
  }
  .about_page .about_4 .bottom .swiper ul li .content .line {
    top: 50px;
    left: 0;
    display: none;
  }
  .about_page .about_4 .bottom .swiper ul li .content .roundBox {
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
  }
  .about_page .about_4 .bottom .swiper ul li .content .roundBox .round {
    width: 20px;
    height: 20px;
  }
  .about_page .about_4 .bottom .swiper ul li .content .roundBox .round::before,
  .about_page .about_4 .bottom .swiper ul li .content .roundBox .round::after {
    animation: none;
  }
  .about_page .about_4 .bottom .lineBig {
    top: 50px;
  }
}
@media screen and (max-width: 500px) {
  .about_page .about_1 .bottom .right .numBox li {
    width: 100%;
  }
  .about_page .about_1 .bottom .right .numBox li .list {
    width: auto;
  }
  .about_page .about_3 ul.items li .icon {
    height: 45px;
  }
  .about_page .about_3 ul.items li .icon img {
    max-width: 40px;
  }
  .about_page .about_4 .bottom .swiper ul li .content {
    text-align: center;
  }
  .about_page .about_4 .bottom .swiper ul li .content img.img {
    display: block;
    margin: 15px auto;
  }
}
.faq_page .faq_1 .item .titleBox {
  align-items: stretch;
  color: #fff;
}
.faq_page .faq_1 .item .titleBox .qBox {
  width: 137px;
  height: 120px;
  max-height: 120px;
  background-image: url('../images/faqQBg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-right: 20px;
}
.faq_page .faq_1 .item .titleBox .titl {
  background-color: #54a041;
  border-radius: var(--px100) var(--px35) var(--px35) 5px;
  width: 100%;
  max-width: calc(100% - 150px);
}
.faq_page .faq_1 .item .textBox {
  align-items: stretch;
}
.faq_page .faq_1 .item .textBox .txt {
  width: 100%;
  max-width: calc(100% - 153px);
  background-color: #e7e7e7;
  border-radius: var(--px35) var(--px100) 5px var(--px35) ;
}
.faq_page .faq_1 .item .textBox .aBox {
  width: 137px;
  height: 120px;
  max-height: 120px;
  background-image: url('../images/faqABg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-left: 20px;
}
@media screen and (max-width: 1000px) {
  .faq_page .faq_1 .item .titleBox .qBox,
  .faq_page .faq_1 .item .textBox .aBox {
    width: 95px;
    height: 85px;
  }
  .faq_page .faq_1 .item .titleBox .titl,
  .faq_page .faq_1 .item .textBox .txt {
    max-width: calc(100% - 100px);
  }
  .faq_page .faq_1 .item .titleBox .qBox {
    padding-right: 14px;
  }
  .faq_page .faq_1 .item .textBox .aBox {
    padding-left: 14px;
  }
}
@media screen and (max-width: 700px) {
  .faq_page .faq_1 .item .titleBox .qBox,
  .faq_page .faq_1 .item .textBox .aBox {
    width: 60px;
    height: 52px;
  }
  .faq_page .faq_1 .item .titleBox .titl,
  .faq_page .faq_1 .item .textBox .txt {
    max-width: calc(100% - 65px);
  }
  .faq_page .faq_1 .item .titleBox .qBox {
    padding-right: 10px;
  }
  .faq_page .faq_1 .item .textBox .aBox {
    padding-left: 10px;
  }
}
.factory_page .factory_1 .txt {
  background-color: var(--color);
  display: inline-block;
  border-radius: var(--px42);
  position: absolute;
  bottom: var(--px40);
  right: var(--px44);
}
.factory_page .factory_2 .swiper ul li {
  width: 23.75%;
}
.factory_page .factory_2 .swiper ul li p {
  width: auto;
  min-width: 165px;
  min-height: 59px;
  background-color: #ffffff;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.31);
  border-radius: 10px;
  width: 50%;
  margin: auto;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: var(--npx37);
  position: relative;
  z-index: 5;
}
.factory_page .factory_2 .carousel {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.factory_page .factory_2 .carousel .swiper {
  padding-top: 20px;
  padding-bottom: var(--px40);
}
.factory_page .factory_2 .carousel .swiper-slide img {
  display: block;
  width: 100%;
}
.factory_page .factory_2 .swipertwo {
  perspective-origin: 50% 0%;
}
.factory_page .factory_2 .swipertwo ul li p {
  margin-top: auto;
  margin-bottom: var(--npx37);
}
.factory_page .factory_2 .swiperBtnBox .btnS img {
  filter: brightness(0.05);
}
.factory_page .factory_2 .swiperBtnBox .btnS:hover {
  color: var(--color);
}
.factory_page .factory_2 .swiperBtnBox .btnS:hover img {
  filter: brightness(1);
}
@media screen and (max-width: 1000px) {
  .factory_page .factory_2 .swiper ul li {
    width: 50%;
  }
}
@media screen and (max-width: 700px) {
  .factory_page .factory_1 {
    text-align: right;
  }
  .factory_page .factory_1 .txt {
    position: static;
    margin-top: 20px;
  }
  .factory_page .factory_2 .carousel .swiper {
    padding-bottom: 40px;
  }
  .factory_page .factory_2 .swiper ul li p {
    margin-top: 10px;
  }
  .factory_page .factory_2 .carousel .swiperone {
    padding-bottom: 20px;
  }
  .factory_page .factory_2 .carousel .swipertwo {
    padding-top: 0;
  }
  .factory_page .factory_2 .carousel .swipertwo ul li p {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 500px) {
  .factory_page .factory_2 .swiper ul li {
    width: 100%;
  }
}
.solutions_page .solu_1 .titl {
  letter-spacing: -3px;
  color: #122a31;
}
.solutions_page .solu_1 .txt {
  max-width: 1140px;
}
.solutions_page .solu_2 .items {
  align-items: stretch;
}
.solutions_page .solu_2 .items .item {
  width: 48.8%;
  flex-shrink: 0;
}
.solutions_page .solu_2 .items .item .box {
  width: 100%;
  height: 100%;
}
.solutions_page .solu_2 .items .item .box .imgBox .arrow {
  position: absolute;
  width: var(--px151);
  height: var(--px130);
  background-color: #fff;
  z-index: 5;
  bottom: 0;
  right: 0;
  opacity: 0;
  transform: translateY(10px);
}
.solutions_page .solu_2 .items .item .box .imgBox .arrow img {
  width: auto;
  height: auto;
}
.solutions_page .solu_2 .items .item .box .imgBox .arrow:hover img {
  transform: translateX(5px);
}
.solutions_page .solu_2 .items .item .box .textBox .titleBox .icon {
  width: 80px;
  height: 80px;
}
.solutions_page .solu_2 .items .item .box .textBox .titleBox .title {
  width: calc(100% - 80px);
}
.solutions_page .solu_2 .items .item:hover .box .imgBox .arrow {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (max-width: 1000px) {
  .solutions_page .solu_1 .titl {
    letter-spacing: 0;
  }
  .solutions_page .solu_2 .items .item .box .textBox .titleBox .icon {
    width: 50px;
    height: 50px;
  }
  .solutions_page .solu_2 .items .item .box .textBox .titleBox .title {
    width: calc(100% - 50px);
  }
}
@media screen and (max-width: 500px) {
  .solutions_page .solu_2 .items .item {
    width: 100%;
  }
}
.soluDet_banner {
  color: #333;
}
.let--3 {
  letter-spacing: -3px;
}
.soluDet_page .commaImg {
  width: var(--px137);
  min-width: 70px;
}
.soluDet_page .soluDet_1 .titl {
  letter-spacing: -3px;
  color: #122a31;
}
.soluDet_page .soluDet_1 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
  width: 100%;
  max-width: 1360px;
}
.soluDet_page .soluDet_1 ul li {
  width: 314px;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: var(--px45);
}
.soluDet_page .soluDet_1 ul li img {
  position: absolute;
  width: auto;
  top: 0;
  left: 0;
}
.soluDet_page .soluDet_1 ul li div {
  padding-left: 35px;
}
.soluDet_page .soluDet_1 ul li div h2 {
  display: block;
  font-size: var(--px20);
  font-weight: 600;
  line-height: 1.5;
  color: #000;
}
.soluDet_page .soluDet_1 ul li div h3 {
  display: block;
  font-size: 16px;
  line-height: 1.875;
  padding-bottom: var(--px20);
}
.soluDet_page .soluDet_1 .imgBox .txt {
  position: absolute;
  right: var(--px38);
  bottom: var(--px30);
}
.soluDet_page .soluDet_2 .titl {
  color: #122a31;
  border-bottom: 1px solid #ebebeb;
}
.soluDet_page .soluDet_2 .comma {
  width: 37%;
}
.soluDet_page .soluDet_2 .comma .txt {
  margin-top: var(--npx30);
}
.soluDet_page .soluDet_2.soluDet_2Residential .left {
  width: 40.6%;
}
.soluDet_page .soluDet_2.soluDet_2Residential .left .items .item img {
  width: 34px;
}
.soluDet_page .soluDet_2.soluDet_2Residential .left .items .item p {
  padding-left: var(--px19);
  width: calc(100% - 34px);
}
.soluDet_page .soluDet_2.soluDet_2Commercial .left {
  width: 40.6%;
}
.soluDet_page .soluDet_2.soluDet_2Industry .titl {
  border-bottom: none;
}
.soluDet_page .soluDet_2.soluDet_2Industry .left {
  width: 46.3%;
}
.soluDet_page .soluDet_2.soluDet_2Industry .right {
  width: 47%;
}
.soluDet_page .soluDet_2.soluDet_2Utility .soluDet_2Utility_2 {
  width: 100%;
}
.soluDet_page .soluDet_2.soluDet_2Utility .soluDet_2Utility_2 .three_R {
  line-height: 32px;
}
.soluDet_page .soluDet_2.soluDet_2Utility .soluDet_2Utility_2 .three_R img {
  width: 32px;
}
.soluDet_page .soluDet_2.soluDet_2Utility .soluDet_2Utility_2 .three_R p.txt {
  width: calc(100% - 34px);
}
.soluDet_page .soluDet_3 .soluDet_3L {
  width: 45.8%;
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxResidential .contBox_1 .tit i {
  display: inline-block;
  width: 42px;
  height: 6px;
  background-color: #ff1e1e;
  border-radius: 3px;
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxResidential .contBox_1 ul li img {
  width: 20px;
  height: 20px;
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxResidential .contBox_1 ul li p {
  width: calc(100% - 20px);
  line-height: 20px;
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxResidential .contBox_2 .tit p {
  line-height: 34px;
  max-width: calc(100% - 42px);
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxResidential .contBox_2 .tit img {
  width: 42px;
  height: 34px;
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxResidential .contBox_2 ul li img {
  width: 21px;
  height: 21px;
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxResidential .contBox_2 ul li p {
  line-height: 21px;
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxCommercial ul li i {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: var(--color);
  color: #fff;
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxCommercial ul li p {
  max-width: calc(100% - 38px);
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxCommercial ul li:nth-child(4n+1) i {
  background-color: #ff1e1e;
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxCommercial ul li:nth-child(4n+2) i {
  background-color: #60c646;
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxCommercial ul li:nth-child(4n+3) i {
  background-color: #ffc21e;
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxCommercial ul li:nth-child(4n) i {
  background-color: #111b45;
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxIndustry ul li i {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url('../images/soluDet_3LIcon4.png');
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxIndustry ul li p {
  max-width: calc(100% - 32px);
  line-height: 32px;
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxIndustry ul li:nth-child(2n) i {
  background-image: url('../images/soluDet_3LIcon5.png');
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxUtility .contBox_1 ul li .icon {
  width: 36px;
  height: 30px;
}
.soluDet_page .soluDet_3 .soluDet_3L .contBoxUtility .contBox_1 ul li .txt {
  max-width: calc(100% - 36px);
}
.soluDet_page .soluDet_3 .soluDet_3R {
  width: 54.2%;
}
.soluDet_page .soluDet_4 .titleBox .txt {
  width: 43%;
}
.soluDet_page .soluDet_4 .blockBox ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: stretch;
}
.soluDet_page .soluDet_4 .blockBox ul li {
  min-height: 260px;
  padding: var(--px35);
  flex-shrink: 0;
  color: #fdfdfd;
  border-radius: var(--px20);
  width: 24%;
  text-align: center;
  font-size: var(--px18);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-content: center;
  margin-bottom: var(--px45);
}
.soluDet_page .soluDet_4 .blockBox ul li h2 {
  opacity: 0.8;
  line-height: 1.5;
}
.soluDet_page .soluDet_4 .blockBox ul li h3 {
  font-weight: 600;
  line-height: 1.7;
}
.soluDet_page .soluDet_4 .blockBox ul li h2,
.soluDet_page .soluDet_4 .blockBox ul li h3 {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.soluDet_page .soluDet_4 .blockBox ul li:nth-child(4n+1) {
  background-color: #377642;
}
.soluDet_page .soluDet_4 .blockBox ul li:nth-child(4n+2) {
  background-color: #ff1e1e;
}
.soluDet_page .soluDet_4 .blockBox ul li:nth-child(4n+3) {
  background-color: #ffa912;
}
.soluDet_page .soluDet_4 .blockBox ul li:nth-child(4n) {
  background-color: #111b45;
}
.soluDet_page .soluDet_4 .soluDet_4Industry {
  max-width: 930px;
  width: 100%;
  margin: 0 auto;
}
.soluDet_page .soluDet_4 .soluDet_4Industry .flexBox {
  margin-top: var(--npx36);
}
.soluDet_page .soluDet_5 {
  background-image: url('../images/soluDet_5Bg.jpg');
  background-size: 100% auto;
  background-position: top center;
}
.soluDet_page .soluDet_5.bg-utility {
  background-image: url('../images/soluDet_5BgU.jpg');
}
.soluDet_page .soluDet_5 .titlTop {
  color: #fdfdfd;
  max-width: 1320px;
  margin: auto;
}
.soluDet_page .soluDet_5 .frame {
  background-image: url('../images/soluDet_5Frame.png');
  background-position: center center;
  background-size: 100% 100%;
}
.soluDet_page .soluDet_5 .frame .comma {
  width: var(--px74);
  height: var(--px47);
  min-width: 30px;
  min-height: 20px;
  margin-top: var(--npx17);
}
.soluDet_page .soluDet_5 .frame .name {
  margin-top: -8px;
}
.soluDet_page .soluDet_5 .botR .link {
  position: relative;
  display: inline-block;
}
.soluDet_page .soluDet_5 .botR .link .linkIcon {
  position: absolute;
  width: var(--px134);
  height: var(--px134);
  min-width: 50px;
  min-height: 50px;
  right: var(--px165);
  bottom: var(--px48);
}
.soluDet_page .soluDet_5 .soluDet_5Residential .bot .botL {
  width: 79%;
}
.soluDet_page .soluDet_5 .soluDet_5Residential .bot .botL .frame {
  max-width: 885px;
  margin-left: auto;
}
.soluDet_page .soluDet_5 .soluDet_5Residential .bot .botL .logoImg {
  width: 100%;
}
.soluDet_page .soluDet_5 .soluDet_5Residential .bot .botR {
  width: 40%;
  margin-left: -19%;
}
.soluDet_page .soluDet_5 .soluDet_5Commercial .bot .botL {
  width: 79%;
}
.soluDet_page .soluDet_5 .soluDet_5Commercial .bot .botL .frame {
  width: 100%;
  max-width: 885px;
  margin-left: auto;
}
.soluDet_page .soluDet_5 .soluDet_5Commercial .bot .botL .logoImg {
  width: 100%;
}
.soluDet_page .soluDet_5 .soluDet_5Commercial .bot .botR {
  width: 21%;
}
.soluDet_page .soluDet_5 .soluDet_5Commercial .bot .botR .link .linkIcon {
  right: var(--px160);
  bottom: var(--px40);
}
.soluDet_page .soluDet_5 .soluDet_5Industry .bot .botL {
  width: 79%;
}
.soluDet_page .soluDet_5 .soluDet_5Industry .bot .botR {
  width: 21%;
}
.soluDet_page .soluDet_5 .soluDet_5Industry .bot .botR .link .linkIcon {
  bottom: var(--px50);
  right: var(--px175);
}
.soluDet_page .soluDet_5 .soluDet_5Utility .bot .botL {
  width: 62.5%;
}
.soluDet_page .soluDet_5 .soluDet_5Utility .bot .botL .frame {
  max-width: 885px;
  width: 100%;
  margin-left: auto;
}
.soluDet_page .soluDet_5 .soluDet_5Utility .bot .botL .frame .name {
  margin-top: var(--px20);
}
.soluDet_page .soluDet_5 .soluDet_5Utility .bot .botL .logoImg {
  width: 100%;
}
.soluDet_page .soluDet_5 .soluDet_5Utility .bot .botR {
  width: calc(37.5% + 35px);
  margin-left: -35px;
}
.soluDet_page .soluDet_5 .soluDet_5Utility .bot .botR .link .linkIcon {
  right: auto;
  left: 0;
}
.soluDet_page .soluDet_5 .soluDet_5Utility .bot .botR .box1 {
  width: 52.75%;
}
.soluDet_page .soluDet_5 .soluDet_5Utility .bot .botR .box2 {
  width: 47.2%;
}
@media screen and (max-width: 1450px) {
  .soluDet_page .soluDet_1 ul li {
    width: 30%;
  }
  .soluDet_page .soluDet_2 .comma {
    width: 45%;
  }
  .soluDet_page .soluDet_5 .frame .name {
    margin-top: 0;
  }
}
@media screen and (max-width: 1250px) {
  .soluDet_page .soluDet_1 ul li {
    width: 32%;
  }
  .soluDet_page .soluDet_1 ul li div h3 {
    font-size: 14px;
  }
  .soluDet_page .soluDet_2 .comma {
    margin-top: 20px;
  }
  .soluDet_page .soluDet_4 .blockBox ul li {
    width: 32%;
  }
  .soluDet_page .soluDet_5 .soluDet_5Residential .bot .botR {
    width: 30%;
    margin-left: -9%;
  }
  .soluDet_page .soluDet_5 .botR .link .linkIcon {
    width: 50px;
    height: 50px;
    right: var(--px100);
  }
}
@media screen and (max-width: 1000px) {
  .let--3 {
    letter-spacing: 0;
  }
  .soluDet_page .soluDet_1 .titl {
    letter-spacing: 0;
  }
  .soluDet_page .soluDet_1 ul li {
    width: 48%;
    margin-left: 2%;
  }
  .soluDet_page .soluDet_3 {
    margin-bottom: var(--px100);
  }
  .soluDet_page .soluDet_3 .soluDet_3L .content,
  .soluDet_page .soluDet_3 .soluDet_3L .contBox_2 {
    padding-right: 0;
  }
  .soluDet_page .soluDet_4 .blockBox ul li {
    width: 49%;
  }
  .soluDet_page .soluDet_5 {
    background-size: auto 70%;
  }
  .soluDet_page .soluDet_5 .soluDet_5Residential .bot .botL .logoImg {
    display: none;
  }
  .soluDet_page .soluDet_5 .soluDet_5Residential .bot .botL .frame {
    padding-left: 30px;
  }
  .soluDet_page .soluDet_5 .soluDet_5Residential .bot .botL,
  .soluDet_page .soluDet_5 .soluDet_5Residential .bot .botR {
    width: 100%;
  }
  .soluDet_page .soluDet_5 .soluDet_5Residential .bot .botR {
    margin-left: auto;
    margin-top: 15px;
  }
  .soluDet_page .soluDet_5 .soluDet_5Residential .bot .botR .link {
    width: 100%;
  }
  .soluDet_page .soluDet_5 .soluDet_5Residential .bot .botR .link .linkPro {
    max-width: 360px;
    width: 100%;
  }
  .soluDet_page .soluDet_5 .soluDet_5Residential .bot .botR .link .linkIcon {
    display: none;
  }
  .soluDet_page .soluDet_5 .botR {
    margin-top: 15px;
  }
  .soluDet_page .soluDet_5 .botR .link {
    width: 100%;
  }
  .soluDet_page .soluDet_5 .botR .link .linkPro {
    max-width: 350px;
    width: 100%;
  }
  .soluDet_page .soluDet_5 .soluDet_5Utility .bot .botR {
    margin-left: 0;
    text-align: center;
  }
  .soluDet_page .soluDet_5 .soluDet_5Utility .bot .botR .link .linkIcon {
    left: 60%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 700px) {
  .soluDet_page .soluDet_1 .imgBox .txt {
    position: static;
    color: #333;
    margin-top: 15px;
    text-align: center;
  }
  .soluDet_page .soluDet_2.soluDet_2Utility .soluDet_2Utility_2 .three_R .item {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .soluDet_page .soluDet_1 ul li {
    width: 100%;
  }
  .soluDet_page .soluDet_4 .blockBox ul li {
    width: 100%;
    min-height: auto;
  }
  .soluDet_page .soluDet_5 .frame {
    background-color: #fff;
    background-image: none;
    padding-left: 15px;
    padding-right: 15px;
  }
  .soluDet_page .soluDet_5 .frame .comma {
    display: none;
  }
  .soluDet_page .soluDet_5 .frame .txt {
    padding-left: 0;
  }
}
.news_page .news_2 .categoriesBox .categories_left form.searchBox,
.news_page .news_2 .categoriesBox .categories_left .menuBox {
  background-color: #f5f5f5;
}
.news_page .news_2 .categoriesBox .categories_right .newsList li.item {
  width: 100%;
  align-items: stretch;
}
.news_page .news_2 .categoriesBox .categories_right .newsList li.item a.imgBox {
  display: inline-block;
  width: 36%;
  overflow: hidden;
  height: auto;
  border-radius: var(--px31);
}
.news_page .news_2 .categoriesBox .categories_right .newsList li.item a.imgBox img {
  width: 100%;
  height: auto;
  border-radius: var(--px31);
}
.news_page .news_2 .categoriesBox .categories_right .newsList li.item .itemR {
  background-color: #f1f1f1;
  border-radius: var(--px31);
  flex-shrink: 0;
  width: 61.2%;
}
.news_page .news_2 .categoriesBox .categories_right .newsList li.item .itemR .dateBox .menu {
  background-color: #ffffff;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.23);
  border-radius: var(--px26);
}
.news_page .news_2 .categoriesBox .categories_right .newsList li.item:nth-child(even) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 700px) {
  .news_page .news_2 .categoriesBox .categories_right .newsList li.item .itemR {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .news_page .news_2 .categoriesBox .categories_right .newsList li.item a.imgBox {
    width: 50%;
  }
  .news_page .news_2 .categoriesBox .categories_right .newsList li.item:nth-child(even) {
    flex-direction: row;
  }
}
.newsDet_page .newsDet_1 .categoriesBox .categories_left form.searchBox,
.newsDet_page .newsDet_1 .categoriesBox .categories_left .menuBox {
  background-color: #f5f5f5;
}
.newsDet_page .newsDet_1 .newsDet_1_1Box {
  position: relative;
}
.newsDet_page .newsDet_1 .newsDet_1_1Box .titleBox {
  position: absolute;
  max-width: 605px;
  background-color: #ffffff;
  border-radius: var(--px30);
  left: var(--px47);
  top: var(--px125);
}
.newsDet_page .newsDet_1 .newsDet_1_1Box .dateBox .nav {
  background-color: #e3e3e3;
  border-radius: var(--px26);
}
.newsDet_page .newsDet_1 .newsDet_1_3Box {
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}
.newsDet_page .newsDet_1 .newsDet_1_3Box .share li {
  width: 27px;
  height: 27px;
}
.newsDet_page .newsDet_1 .newsDet_1_3Box .share li a {
  width: 100%;
  height: 100%;
  background-color: #333333;
  color: #fff;
  display: inline-flex;
  border-radius: 50%;
}
.newsDet_page .newsDet_1 .newsDet_1_3Box .share li a:hover {
  transform: translateY(-3px);
}
@media screen and (max-width: 1000px) {
  .newsDet_page .newsDet_1 .newsDet_1_1Box .titleBox {
    position: static;
    margin: 15px auto;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.23);
  }
}
.contact_page .contact_1 {
  position: relative;
  /*z-index: 5;*/
}
.contact_page .contact_1 .formBox {
  width: 100%;
  max-width: 1375px;
  background-color: #f1f1f1;
  border-radius: var(--px38);
  margin: auto;
  position: relative;
  z-index: 5;
}
.contact_page .contact_1 .formBox .information {
  width: 30.5%;
}
.contact_page .contact_1 .formBox .information .item {
  border-bottom: 1px solid #d2d2d2;
}
.contact_page .contact_1 .formBox .information .item .icon {
  width: 37px;
}
.contact_page .contact_1 .formBox .information .item .itemR {
  width: calc(100% - 37px);
}
.contact_page .contact_1 .formBox .information .item:last-child {
  border-bottom: none;
}
.contact_page .contact_1 .formBox .information #hqChatBtn {
  cursor: pointer;
}
.contact_page .contact_1 .formBox .form {
  width: 55%;
}
.contact_page .contact_1 .formBox .form .formBtnBox {
  width: 100%;
}
.contact_page .contact_1 .formBox .form .formBtnBox .formBtn1 .round {
  width: 19px;
  height: 19px;
  background-color: #1b1b1b;
  border-radius: 50%;
}
.contact_page .contact_1 .formBox .form .formBtnBox .formBtn1 .round p {
  width: 7px;
  height: 7px;
  background-color: #1b1b1b;
  border-radius: 50%;
}
.contact_page .contact_1 .formBox .form .formBtnBox .formBtn1.active .round p {
  background-color: #f8f8f8;
}
.contact_page .contact_1 .formBox .form .formBox1 form ul li label {
  display: block;
  font-weight: 500;
  font-size: var(--px20);
  line-height: 1;
  margin-bottom: var(--px24);
}
.contact_page .contact_1 .formBox .form .formBox1 form ul li input,
.contact_page .contact_1 .formBox .form .formBox1 form ul li textarea {
  background-color: #fff;
  border: none;
  padding-left: var(--px28);
}
.contact_page .contact_1 .formBox .form .formBox1 form ul li input::placeholder,
.contact_page .contact_1 .formBox .form .formBox1 form ul li textarea::placeholder {
  color: rgba(51, 51, 51, 0.2);
}
.contact_page .contact_1 .formBox .form .formBox1 form ul li input {
  border-radius: var(--px36);
}
.contact_page .contact_1 .formBox .form .formBox1 form ul li input[type="text"] {
  height: var(--px71);
  min-height: 40px;
  width: 100%;
}
.contact_page .contact_1 .formBox .form .formBox1 form ul li textarea {
  border-radius: var(--px23);
  height: var(--px127);
  min-height: 90px;
  width: 100%;
}
.contact_page .contact_1 .formBox .form .formBox1 form ul li .inquery {
  background-color: #1b1b1b;
  border-radius: var(--px21);
  color: #fff;
  padding: 11px var(--px21);
}
.contact_page .contact_1 .formBox .form .formBox1 form ul li .inquery:hover {
  background-color: var(--color);
}
.contact_page .contact_1 .formBox .form .formBox1 .share {
  margin-top: var(--npx34);
}
.contact_page .contact_1 .formBox .form .formBox1 .share li {
  width: 27px;
  height: 27px;
}
.contact_page .contact_1 .formBox .form .formBox1 .share li a {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #333;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
}
.contact_page .contact_1 .formBox .form .formBox1 .share li a:hover {
  background-color: var(--color);
}
.contact_page .contact_1 .formBox .form .formBox1 .form_box {
  display: none;
}
.contact_page .contact_1 .formBox .form .formBox1 .form_box:first-child {
  display: block;
}
.contact_page .contact_2 {
  height: 52.96875vw;
  /*margin-top: -14.635416vw;*/
  transform: translateY(-14.635416vw);
}
.contact_page .contact_2 .addBox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #f8f8f8;
  width: 28%;
  z-index: 1;
}
.contact_page .contact_2 .addBox .comImg {
  width: 100%;
  height: auto;
}
.contact_page .contact_2 .addBox .textBox .icon {
  width: var(--px29);
}
.contact_page .contact_2 .addBox .textBox .add {
  width: 100%;
  max-width: calc(100% - var(--npx29));
}
.contact_page .contact_2:hover .addBox {
  opacity: 0;
  z-index: -2;
  transform: translate(-50%, -50%) scale(0);
}
.contact_page .contact_3 .titleBox .btn {
  background-color: #1b1b1b;
  border-radius: var(--px21);
}
.contact_page .contact_3 .titleBox .btn:hover {
  background-color: var(--color);
}
.contact_page .contact_3 .content .imgL {
  border-radius: var(--px33);
  width: 48.7%;
}
.contact_page .contact_3 .content ul {
  width: 45%;
}
.contact_page .contact_3 .content ul li {
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
}
.contact_page .contact_3 .content ul li .icon {
  width: var(--px64);
}
.contact_page .contact_3 .content ul li .txt {
  max-width: calc(100% - var(--px64));
}
.contact_page .contact_3 .content ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1250px) {
  .contact_page .contact_1 .formBox .information {
    width: 38%;
  }
  .contact_page .contact_1 .formBox .form {
    width: 60%;
  }
}
@media screen and (max-width: 1000px) {
  .contact_page .contact_1 .formBox .form .formBox1 .share {
    margin-top: 15px;
  }
  .contact_page .contact_2 {
    margin-top: 30px;
    transform: translateY(0);
  }
}
@media screen and (max-width: 700px) {
  .contact_page .contact_1 .formBox .form .formBox1 form ul li {
    width: 100%;
  }
  .contact_page .contact_1 .formBox {
    padding: 18px;
  }
  
  .contact_page .contact_2 .addBox {
    margin-top: 0;
    width: 50%;
  }
}
@media screen and (max-width: 500px) {
  .contact_page .contact_1 .formBox .information .item .icon {
    width: 25px;
  }
  .contact_page .contact_2 {
    height: 400px;
  }
  .contact_page .contact_2 .addBox {
    display: none;
  }
}
.product_banner {
  overflow: hidden;
}
.product_banner video.img {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
  max-width: none;
  z-index: 2;
}
.product_banner .top,.product_banner .container {
  position: relative;
  z-index: 5;
}
.product_page .product_3 .categories_right .hesList .Hbtn {
  background-color: #333;
}
.product_page .product_3 .categories_right .hesList .Hbtn:hover {
  background-color: var(--color);
}
#banner .swiperBtn .btnS {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
#banner .swiperBtn .btnS.prev {
  left: 0;
}
#banner .swiperBtn .btnS.next {
  right: 0;
}