@font-face {
  font-family: '316-CAI978';
  src: url('../fonts/316-CAI978.eot');
  src: local('316-CAI978'), url('../fonts/316-CAI978.eot?#iefix') format('embedded-opentype'), url('../fonts/316-CAI978.woff2') format('woff2'), url('../fonts/316-CAI978.woff') format('woff'), url('../fonts/316-CAI978.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nacelle';
  src: url('../fonts/Nacelle-Light.eot');
  src: local('Nacelle Light'), local('Nacelle-Light'), url('../fonts/Nacelle-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Nacelle-Light.woff2') format('woff2'), url('../fonts/Nacelle-Light.woff') format('woff'), url('../fonts/Nacelle-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nacelle';
  src: url('../fonts/Nacelle-Heavy.eot');
  src: local('Nacelle Heavy'), local('Nacelle-Heavy'), url('../fonts/Nacelle-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Nacelle-Heavy.woff2') format('woff2'), url('../fonts/Nacelle-Heavy.woff') format('woff'), url('../fonts/Nacelle-Heavy.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nacelle';
  src: url('../fonts/Nacelle-SemiBold.eot');
  src: local('Nacelle SemiBold'), local('Nacelle-SemiBold'), url('../fonts/Nacelle-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Nacelle-SemiBold.woff2') format('woff2'), url('../fonts/Nacelle-SemiBold.woff') format('woff'), url('../fonts/Nacelle-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nacelle';
  src: url('../fonts/Nacelle-Regular.eot');
  src: local('Nacelle Regular'), local('Nacelle-Regular'), url('../fonts/Nacelle-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Nacelle-Regular.woff2') format('woff2'), url('../fonts/Nacelle-Regular.woff') format('woff'), url('../fonts/Nacelle-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: 'Nacelle', 'Microsoft YaHei', Arial, 'Helvetica Neue', Helvetica, 'WenQuanYi Micro Hei', 'Heiti SC', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  padding: 0;
  margin: 0;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.875rem;
}
.row {
  --bs-gutter-x: 1.875rem;
}
:root,
[data-bs-theme=light] {
  --bs-body-color: #222;
}
.am-container {
  max-width: 1440px;
  padding: 0 15px;
  margin: 0 auto;
}
a {
  color: inherit;
  text-decoration: none;
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1440px;
  }
}
.img-box {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
}
.img-box img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.hide {
  display: none;
}
.xs-online {
  display: none;
  font-weight: 300;
  position: fixed;
  z-index: 998;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 -2px 14px 1px rgba(0, 0, 0, 0.2);
}
.xs-online ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 0;
  height: 68px;
}
.xs-online ul li {
  display: table-cell;
  width: 20%;
  border-left: 1px solid #FCF3F2;
  height: 68px;
}
.xs-online ul li a {
  display: block;
  padding: 7px 0 5px;
}
.xs-online ul li a span {
  display: block;
  color: #30375B;
  font-size: 12px;
}
.xs-online ul li a span i {
  font-size: 22px;
}
.xs-online ul li:first-child {
  border-left: none;
}
.table-box {
  width: 100%;
  max-width: 100%;
  overflow: auto;
}
.table-box table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  color: #333;
  line-height: 1.2;
  font-size: 16px;
  text-align: center;
}
@media (max-width: 767px) {
  .table-box table {
    font-size: 14px;
  }
}
.table-box table tr,
.table-box table td,
.table-box table th {
  width: auto !important;
  height: auto !important;
}
.table-box table td,
.table-box table th {
  padding: 14px 8px !important;
  border: 1px solid #a0a0a0 !important;
}
@media (max-width: 991px) {
  .table-box table td,
  .table-box table th {
    padding: 12px 8px !important;
  }
}
@media (max-width: 767px) {
  .table-box table td,
  .table-box table th {
    padding: 8px 8px !important;
  }
  .table-box table td,
  .table-box table th,
  .table-box table td *,
  .table-box table th * {
    font-size: 12px !important;
  }
}
@media (max-width: 575px) {
  .table-box table td,
  .table-box table th {
    padding: 8px 8px !important;
  }
  .table-box table td,
  .table-box table th,
  .table-box table td *,
  .table-box table th * {
    font-size: 2.7vmin !important;
  }
}
.table-box table tr p,
.table-box table tr span {
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.table-box table th {
  text-align: center;
}
.table-box table img {
  height: auto !important;
  max-width: 100%;
}
.suspended-list {
  width: 48px;
  position: fixed;
  right: 0;
  top: calc(50% - 79px);
  z-index: 999;
}
.suspended-list ul {
  display: block;
  position: relative;
  /* background-color: #fff; */
  padding-left: 0;
}
.suspended-list ul li {
  position: relative;
  width: 50px;
  height: 50px;
  margin-bottom: 3px;
  list-style: none;
}
.suspended-list ul li a {
  display: block;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.suspended-list ul li a:before {
  display: block;
  text-align: center;
  line-height: 48px;
  font-size: 26px;
  color: #fff;
  transition: all 0.35s;
}
.suspended-list ul li .qrcode {
  width: 110px;
  height: 100px;
  padding-right: 10px;
  position: absolute;
  top: -50%;
  z-index: -10;
  left: 0;
  transition: all 0.35s;
  opacity: 0;
}
.suspended-list ul li .qrcode > div {
  width: 100px;
  height: 100px;
  background-color: #fa423a;
  padding: 5px;
}
.suspended-list ul li .qrcode > div img {
  width: 100%;
}
.suspended-list ul li .whatsapp-num {
  width: 170px;
  height: 48px;
  line-height: 48px;
  position: absolute;
  color: #fff;
  top: 0;
  z-index: -10;
  background-color: #fa423a;
  padding-left: 10px;
  left: 0;
  transition: all 0.35s;
  opacity: 0;
  border-radius: 8px;
}
.suspended-list ul li:hover {
  transition: all 0.5s;
}
.suspended-list ul li:hover .qrcode {
  left: -110px;
  opacity: 1;
  transition: all 0.35s;
}
.suspended-list ul li:hover a {
  background-color: #fa423a;
}
.suspended-list ul li:hover a .ycxf_imgbox img:first-child {
  display: none;
}
.suspended-list ul li:hover a .ycxf_imgbox img:last-child {
  display: block;
  left: 15px;
}
.suspended-list ul li:hover .j_dhzs {
  left: -210px;
}
.suspended-list ul li:hover .whatsapp-num {
  left: -160px;
  opacity: 1;
  transition: all 0.35s;
}
.open-suspended {
  width: 48px;
  height: 48px;
  position: fixed;
  right: 30px;
  z-index: 999;
  background: #6E6E6E;
  border-radius: 8px;
  bottom: 70px;
  display: none;
}
.open-suspended a {
  line-height: 48px;
  text-align: center;
  display: block;
  color: #fff;
  transition: all 0.35s;
}
.fancybox-slide--iframe .fancybox-content {
  width: 80%!important;
  height: 80%!important;
}
.banner {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  z-index: 2;
  font-size: 0;
}
.banner img {
  display: block;
  width: 100%;
}
.banner .swiper-slide {
  overflow: hidden;
}
.banner #banner-to {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 7%;
  z-index: 2;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.banner #banner-to i {
  font-size: 32px;
  line-height: 1;
}
@media screen and (min-width: 991px) {
  .banner #banner-to:hover {
    color: #fa423a;
  }
}
.banner .banner-btn {
  position: absolute;
  z-index: 2;
  bottom: 5.5%;
  right: 9.375%;
  display: flex;
  align-items: center;
}
.banner .swiper-pagination {
  width: auto;
  display: flex;
  position: static;
  margin: 0 30px;
}
.banner .swiper-pagination-bullet {
  outline: none;
  width: 12px;
  height: 12px;
  opacity: 0.5;
  margin: 0 !important;
  background: #fff;
  border-radius: 50%;
  margin: 0 10px!important;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  border: 1px solid #fff;
}
.banner .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.banner .slick-arrow {
  outline: none;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  font-size: 30px;
  background-color: rgba(0, 0, 0, 0.5);
}
.banner .slick-prev {
  left: 5%;
}
.banner .slick-prev:before {
  content: '\fab1';
}
.banner .slick-next {
  right: 5%;
}
.banner .slick-next:before {
  content: '\e62c';
}
.banner .item {
  display: block;
  position: relative;
  overflow: hidden;
}
.banner .item > a {
  overflow: hidden;
  display: block;
  position: relative;
}
.banner .item > a > img {
  position: relative;
  display: block;
  width: 100%;
}
.banner .item .banner-content {
  position: absolute;
  left: 50%;
  top: 11%;
  transform: translateX(-50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.banner .item .banner-content .cont-tit {
  font-size: 55px;
  color: #fff;
  font-family: 'Helvetica Neue LT Pro';
  font-weight: bold;
  width: max-content;
  letter-spacing: 5px;
}
.banner .item .banner-content .cont-txt {
  font-size: 20px;
  color: #fff;
  font-family: 'Helvetica Neue LT Pro';
  line-height: 1;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
}
.banner .item .banner-content .cont-btn {
  font-size: 20px;
  line-height: 1;
  width: 156px;
  height: 40px;
  border: 3px solid #fff;
  background-image: -moz-linear-gradient(90deg, #eb6b00 0%, #f9a801 100%);
  background-image: -webkit-linear-gradient(90deg, #eb6b00 0%, #f9a801 100%);
  background-image: -ms-linear-gradient(90deg, #eb6b00 0%, #f9a801 100%);
  border-radius: 20px;
  color: #fff;
  font-family: 'Helvetica Neue LT Pro';
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner .banner-button-prev,
.banner .banner-button-next {
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.banner .banner-button-prev:before,
.banner .banner-button-next:before {
  font-size: 22px;
  color: #fff;
  opacity: 1;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 991px) {
  .banner .banner-button-prev:hover:before,
  .banner .banner-button-next:hover:before {
    color: #fa423a;
  }
}
.banner .btn-num {
  font-size: 16px;
  color: #fff;
  display: flex;
  align-items: center;
  margin: 0 35px;
}
.banner .btn-num .num {
  margin-right: 10px;
}
.banner .btn-num .total {
  margin-left: 10px;
}
@media only screen and (min-width: 1850px) and (max-width: 1920px) {
  .banner .item > a > img {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .banner .slick-arrow:hover {
    background-color: #00a63b;
  }
}
@media (max-width: 1199px) {
  .banner .slick-arrow {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .banner .item {
    width: 110%;
    max-width: 110%;
    margin-left: -5%;
  }
}
@media (max-width: 767px) {
  .banner .swiper-pagination {
    bottom: 3.5%;
  }
  .banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 5px!important;
  }
  .banner .item {
    width: 120%;
    max-width: 120%;
    margin-left: -10%;
  }
}
.banner-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner.hide-arrow .slick-arrow,
.banner.hide-arrow .swiper-pagination {
  display: none !important;
}
.banner.hide-video video {
  display: none !important;
}
.banner-video-box {
  display: block;
  padding-bottom: 45.3125%;
  position: relative;
  -webkit-transform: translateZ(10px);
  transform: translateZ(10px);
}
.banner-video-box .fluid_video_wrapper {
  position: absolute;
  z-index: 10;
}
.banner-video-box .fluid_initial_play {
  background-color: #00a63b !important;
}
.banner .mobile-video {
  display: block;
  position: relative;
}
.banner .mobile-video:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  content: '';
  background-color: rgba(0, 0, 0, 0.1);
}
.banner .mobile-video:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 3;
  font-size: 50px;
  color: #fff;
  font-family: 'iconfont' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e644';
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.in-title {
  font-size: 48px;
  color: #000;
  line-height: 1;
  font-family: '316-CAI978';
}
.in-title span {
  color: #fa423a;
}
.in-desc {
  font-family: 'Nacelle';
  font-size: 24px;
  color: #000;
  font-weight: 300;
}
.in-hot {
  padding: 90px 0 60px;
}
.in-hot .hot-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 60px;
}
.in-hot .hot-top .in-title {
  margin-bottom: 10px;
}
.in-hot .hot-bot {
  padding: 0 85px;
}
.in-hot .hot-bot .hot-slick {
  margin: 0 -10px;
}
.in-hot .hot-bot .hot-boxall {
  padding: 0 10px;
}
.in-hot .hot-bot .hot-boxall a {
  display: block;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.in-hot .hot-bot .hot-boxall a:hover .hot-hover {
  opacity: 1;
}
.in-hot .hot-bot .hot-boxall a:hover img {
  transform: scale(1.15);
}
.in-hot .hot-bot .img-box img {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.in-hot .hot-bot .hot-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(../img/hot-hover.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 10;
  color: #fff;
  display: flex;
  align-items: flex-end;
  padding: 35px 30px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.in-hot .hot-bot .hot-hover .hover-tit {
  font-size: 24px;
  font-family: 'Nacelle';
  position: relative;
  margin-bottom: 0;
}
.in-hot .hot-bot .hot-hover .hover-btn {
  font-size: 20px;
  width: fit-content;
  font-family: 'Nacelle';
  font-weight: 300;
}
.in-hot .hot-bot .slick-slide > div {
  font-size: 0;
}
.in-hot .hot-bot .slick-prev,
.in-hot .hot-bot .slick-next {
  width: 50px;
  height: 50px;
}
.in-hot .hot-bot .slick-prev:before,
.in-hot .hot-bot .slick-next:before {
  opacity: 0.8;
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.in-hot .hot-bot .slick-prev:hover:before,
.in-hot .hot-bot .slick-next:hover:before {
  opacity: 1;
}
.in-hot .hot-bot .slick-prev {
  left: -70px;
  z-index: 15;
}
.in-hot .hot-bot .slick-prev:before {
  background-image: url(../img/arrow-l.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.in-hot .hot-bot .slick-next {
  right: -70px;
  z-index: 15;
}
.in-hot .hot-bot .slick-next:before {
  background-image: url(../img/arrow-r.png);
}
.in-hot .hot-bot .slick-dots {
  display: flex;
  justify-content: center;
  bottom: -50px;
}
.in-hot .hot-bot .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 4px;
}
.in-hot .hot-bot .slick-dots li button {
  padding: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #fa423a;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.in-hot .hot-bot .slick-dots li button:before {
  display: none;
}
.in-hot .hot-bot .slick-dots li:hover button {
  background-color: #fa423a;
}
.in-hot .hot-bot .slick-dots li.slick-active button {
  background-color: #fa423a;
}
.carousel-wrap1 {
  display: none;
}
.in-service {
  padding-top: 105px;
  padding-bottom: 100px;
}
.in-service .in-title {
  margin-bottom: 25px;
  text-align: center;
}
.in-service .in-desc {
  max-width: 780px;
  text-align: center;
  margin: 0 auto;
  line-height: 1.5;
  margin-bottom: 80px;
}
.in-service .service-all-pc {
  display: flex;
  justify-content: space-between;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.08);
  padding: 70px 80px;
}
.in-service .fBtns {
  width: 12%;
  padding: 0;
  margin: 0;
  position: relative;
}
.in-service .fBtns li {
  list-style: none;
  margin-bottom: 25px;
  transition: all 0.35s;
  position: relative;
  background-color: #EFEFEF;
  border-radius: 10px;
}
.in-service .fBtns li:hover {
  transition: all 0.35s;
  background-color: #001662;
  color: #fff;
}
.in-service .fBtns li:last-child {
  margin-bottom: 0;
}
.in-service .fPics {
  width: 80%;
  position: relative;
}
.in-service .fPics > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  overflow: hidden;
}
.in-service .fPics > a .tit {
  font-size: 32px;
  font-family: 'Nacelle';
  color: #102533;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}
.in-service .fPics > a .desc {
  font-size: 24px;
  color: #626262;
  font-weight: 300;
  font-family: 'Nacelle';
  line-height: 1;
  margin-bottom: 15px;
  min-height: 96px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.in-service .fPics > a .img {
  display: block;
}
.in-service .fPics > a img {
  width: 100%;
  transition: all 0.35s;
}
.in-service .fPics > a .img-box {
  padding-bottom: 50%;
}
.in-service .fPics > a:hover img {
  transform: scale(1.1);
  transition: all 0.35s;
}
.in-application {
  display: flex;
}
.in-application .app-l {
  width: 52.08333333%;
}
.in-application .app-l .img-box {
  padding-bottom: 60%;
}
.in-application .app-l .app-imggroup {
  position: relative;
}
.in-application .app-l .app-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../img/app-hover.webp);
  background-size: 100% 100%;
  pointer-events: none;
}
.in-application .app-l .app-hover .tit {
  width: 60%;
  margin: 0 auto;
  font-weight: 800;
  font-family: 'Nacelle';
  font-size: 48px;
  line-height: 1;
  color: #fff;
  margin-top: 50px;
  position: relative;
}
.in-application .app-l .app-hover .tit:after {
  content: '';
  width: 102px;
  height: 7px;
  background-color: #fa423a;
  display: block;
  position: absolute;
  bottom: -40px;
}
.in-application .app-l .slick-slide > div {
  font-size: 0;
}
.in-application .app-l .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.in-application .app-l .slick-dots {
  bottom: 40px;
  display: flex;
  justify-content: center;
}
.in-application .app-l .slick-dots li {
  background-color: rgba(255, 255, 255, 0.61);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 0 5px;
}
.in-application .app-l .slick-dots li button {
  display: none;
}
.in-application .app-l .slick-dots li.slick-active {
  background-color: #fa423a;
}
.in-application .app-r {
  width: 47.91666667%;
  background-image: url(../img/app-r-bg.png);
  padding: 60px 0 0;
}
.in-application .app-r .in-title {
  text-align: center;
  margin-bottom: 70px;
}
.in-application .app-r .r-list {
  position: relative;
}
.in-application .app-r .r-list .slick-dots {
  display: flex;
  flex-wrap: wrap;
  position: static;
  justify-content: center;
}
.in-application .app-r .r-list .slick-dots li {
  width: fit-content;
  height: auto;
  margin: 0 25px;
}
.in-application .app-r .r-list .slick-dots li.slick-active:before {
  background-color: #fa423a;
}
.in-application .app-r .r-list .slick-dots li:nth-child(n+3) {
  margin-top: 60px;
}
.in-application .app-r .r-list .slick-dots li button {
  display: none;
}
.in-application .app-r .r-list .slick-dots li:before {
  font-size: 24px;
  color: #fff;
  background-color: #000;
  font-family: 'Nacelle';
  display: block;
  padding: 3px 40px 0;
  border-radius: 25px;
}
.in-application .app-r .r-list .slick-dots li:first-child:before {
  content: 'Agriculture & Farming';
}
.in-application .app-r .r-list .slick-dots li:nth-child(2):before {
  content: 'Aerospace';
}
.in-application .app-r .r-list .slick-dots li:nth-child(3):before {
  content: 'Agricultural machinery';
}
.in-application .app-r .r-list .slick-dots li:nth-child(4):before {
  content: 'Construction machinery';
}
.in-application .app-r .r-list .slick-dots li:nth-child(5):before {
  content: 'Automobile & Transportation';
}
.in-application .app-r .r-list .slick-dots li:nth-child(6):before {
  content: 'Healthcare';
}
.in-application .app-r .r-list .slick-dots li:nth-child(7):before {
  content: 'Truck parts';
}
.in-application .app-r .r-list .slick-dots li:nth-child(8):before {
  content: 'Train parts';
}
.in-application .app-r .r-list .slick-dots li:last-child:before {
  content: 'Mining machinery';
}
.in-company {
  padding: 150px 0 90px;
}
.in-company .company-box {
  padding: 0 5px;
}
.in-company .company-slick {
  margin: 65px -5px 0;
}
.in-company .slick-list {
  overflow: visible;
}
.in-company .in-title {
  text-align: center;
  position: relative;
  margin-bottom: 120px;
}
.in-company .in-title:after {
  content: '';
  display: block;
  position: absolute;
  width: 102px;
  height: 7px;
  background-color: #fa423a;
  left: 50%;
  transform: translateX(-50%);
  bottom: -65px;
}
.in-company .desc {
  text-align: center;
  font-family: 'Nacelle';
  font-size: 22px;
  line-height: 1.6;
  font-weight: 300;
  color: #000;
}
.in-company .slick-slide > div {
  font-size: 0;
}
.in-company .slick-prev,
.in-company .slick-next {
  width: 56px;
  height: 56px;
  opacity: 0.8;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.in-company .slick-prev:before,
.in-company .slick-next:before {
  display: none;
}
.in-company .slick-prev:hover,
.in-company .slick-next:hover {
  opacity: 1;
}
.in-company .slick-prev {
  z-index: 2;
  left: 15px;
  background-image: url(../img/arrow-comp-l.png);
}
.in-company .slick-next {
  right: 15px;
  background-image: url(../img/arrow-comp-r.png);
}
.in-company .slick-dots {
  display: flex;
  justify-content: center;
  bottom: -90px;
}
.in-company .slick-dots button {
  display: none;
}
.in-company .slick-dots li {
  margin: 0 4px;
  width: 13px;
  height: 13px;
  background-color: #ddd;
  border-radius: 50%;
}
.in-company .slick-dots li.slick-active {
  background-color: #fa423a;
}
.in-choose {
  padding: 90px 0 160px;
}
.in-choose .in-title {
  text-align: center;
  position: relative;
}
.in-choose .in-title:after {
  content: '';
  display: block;
  position: absolute;
  width: 102px;
  height: 7px;
  background-color: #fa423a;
  left: 50%;
  transform: translateX(-50%);
  bottom: -65px;
}
.in-choose .choose-list {
  display: flex;
  flex-wrap: wrap;
  margin: 140px -30px 0;
}
.in-choose .choose-list .box {
  width: 33.33333333%;
  text-align: center;
  padding: 0 30px;
}
.in-choose .choose-list .box:nth-child(n+4) {
  margin-top: 70px;
}
.in-choose .choose-list .ico {
  margin-bottom: 15px;
}
.in-choose .choose-list .ico img {
  height: 45px;
  width: auto;
}
.in-choose .choose-list .tit {
  font-size: 27px;
  font-family: 'Nacelle';
  font-weight: 600;
  color: #000;
  margin-bottom: 15px;
}
.in-choose .choose-list .desc {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 300;
  color: #000;
}
.in-clients {
  background-color: #F3F1F1;
  padding: 10px 0 60px;
  position: relative;
}
.in-clients:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 135px;
  top: -135px;
  display: block;
  z-index: 2;
  background-image: url(../img/clients-bg.png);
  background-size: 100% 100%;
}
.in-clients .in-title {
  text-align: center;
}
.in-clients .clients-list {
  display: flex;
  flex-wrap: wrap;
  margin: 85px -10px 0;
}
.in-clients .clients-list .box {
  padding: 0 10px;
  width: 50%;
}
.in-clients .clients-list .box > div {
  border-radius: 10px;
  background-color: #ffffff;
  padding: 40px 45px 25px;
}
.in-clients .clients-list .box .ico {
  width: 46px;
  margin-bottom: 30px;
}
.in-clients .clients-list .box .txt {
  font-size: 18px;
  line-height: 1.6;
  color: #000;
  font-weight: 300;
  font-family: 'Nacelle';
}
.in-clients .clients-list .box .txt p {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  min-height: 173px;
}
.in-clients .clients-list .box .bot {
  display: flex;
  margin-top: 40px;
}
.in-clients .clients-list .box .bot .bot-l {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.in-clients .clients-list .box .bot .bot-r {
  margin-top: 3px;
  font-size: 18px;
  color: #000;
  font-weight: 300;
  font-family: 'Nacelle';
  line-height: 1.2;
  margin-left: 15px;
}
.in-quote {
  padding: 90px 0 120px;
}
.in-quote .in-title {
  text-align: center;
}
.in-quote .desc {
  font-size: 30px;
  line-height: 1.6;
  text-align: center;
  font-family: 'Nacelle';
  margin: 70px 0;
}
.in-quote a {
  display: block;
  background-color: #000;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  padding: 5px 40px;
  width: fit-content;
  margin: 0 auto;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.in-quote a:hover {
  background-color: #fa423a;
  color: #fff;
}
.about2 .about-top .top-t {
  background-image: url(../img/about-top.webp);
  background-size: 100% 100%;
  text-align: center;
  padding: 45px 0 200px;
}
.about2 .about-top .top-t .t-desc {
  font-family: 'Nacelle';
  font-weight: bold;
  color: #fff;
  font-size: 24px;
}
.about2 .about-top .top-t .t-tit {
  font-family: '316-CAI978';
  font-size: 45px;
  line-height: 1.06;
  color: #fff;
  margin: 25px 0 20px;
}
.about2 .about-top .top-t .t-txt {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.18;
}
.about2 .about-top .top-b {
  margin-top: -135px;
}
.about2 .about-top .top-b a {
  border: 30px solid rgba(233, 233, 233, 0.85);
  border-radius: 40px;
  display: block;
  overflow: hidden;
  position: relative;
}
.about2 .about-top .top-b a:after {
  content: '';
  background-image: url(../img/about-play.webp);
  background-size: cover;
  width: 110px;
  height: 110px;
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.about2 .about-top .top-b a img {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.about2 .about-top .top-b a:hover img {
  transform: scale(1.15);
}
.about2 .about-top .top-b .img-box {
  padding-bottom: 41.04477612%;
}
.about2 .about-comp {
  padding: 70px 0 110px;
}
.about2 .about-comp .desc {
  font-size: 30px;
  font-family: 'Nacelle';
  color: #000;
  margin-bottom: 35px;
}
.about2 .about-comp .tit {
  font-family: '316-CAI978';
  font-size: 48px;
  line-height: 1.25;
  color: #000;
}
.about2 .about-comp .tit span {
  color: #fa423a;
}
.about2 .about-comp .img-box {
  padding-bottom: 58.82352941%;
}
.about2 .about-comp .comp-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 65px;
  margin-bottom: 90px;
}
.about2 .about-comp .comp-top .top-l {
  width: calc(50% - 25px);
}
.about2 .about-comp .comp-top .top-l p {
  font-size: 22px;
  line-height: 1.5;
  margin: 0;
  color: #000;
  font-weight: 300;
  font-family: 'Nacelle';
}
.about2 .about-comp .comp-top .top-r {
  width: calc(50% - 25px);
}
.about2 .about-comp .comp-top .top-r .r-img {
  border-radius: 30px;
  overflow: hidden;
}
.about2 .about-comp .comp-bot {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about2 .about-comp .comp-bot .bot-l {
  width: calc(50% - 25px);
}
.about2 .about-comp .comp-bot .bot-l .l-img {
  border-radius: 30px;
  overflow: hidden;
}
.about2 .about-comp .comp-bot .bot-r {
  width: calc(50% - 25px);
}
.about2 .about-comp .comp-bot .bot-r .r-tit {
  font-size: 48px;
  line-height: 1.25;
  color: #000;
  font-family: '316-CAI978';
  margin-bottom: 25px;
  margin-top: 10px;
}
.about2 .about-comp .comp-bot .bot-r .r-tit span {
  color: #fa423a;
}
.about2 .about-comp .comp-bot .bot-r .r-txt {
  font-size: 22px;
  line-height: 1.6;
  font-family: 'Nacelle';
  color: #000;
  font-weight: 300;
}
.about2 .about-data {
  padding: 45px 0;
  background-image: url(../img/data-bg.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.about2 .about-data .big-data {
  position: relative;
  display: flex;
  z-index: 2;
  justify-content: space-between;
}
.about2 .about-data .big-data .data-box {
  position: relative;
  padding: 25px 15px 20px;
  width: 25%;
  display: flex;
  justify-content: center;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.about2 .about-data .big-data .count-top {
  display: flex;
  align-items: flex-end;
  margin: 0 0 15px;
  position: relative;
  font-weight: bold;
  color: #000000;
}
.about2 .about-data .big-data .count-top span {
  font-size: 76px;
  font-weight: 900;
  line-height: 1;
  font-family: "Nacelle";
  color: #fff;
}
.about2 .about-data .big-data .count-tit {
  font-size: 36px;
  font-weight: 300;
  line-height: 60px;
  padding-left: 10px;
  color: #fff;
}
.about2 .about-data .big-data .data-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about2 .about-data .big-data .count-desc {
  color: #fff;
  font-family: 'Nacelle';
  line-height: 22px;
  font-size: 22px;
  text-align: center;
}
.about2 .about-work {
  padding: 120px 0;
}
.about2 .about-work .work-all {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about2 .about-work .work-l {
  width: 42.55319149%;
}
.about2 .about-work .work-l .img-box {
  padding-bottom: 133.33333333%;
}
.about2 .about-work .work-l .l-img {
  overflow: hidden;
  border-radius: 30px;
}
.about2 .about-work .work-r {
  width: calc(57.44680851% - 40px);
  padding-top: 30px;
}
.about2 .about-work .work-r .r-tit {
  font-family: '316-CAI978';
  font-size: 58px;
  line-height: 1.24;
  margin-bottom: 25px;
}
.about2 .about-work .work-r .r-tit span {
  color: #fa423a;
}
.about2 .about-work .work-r .r-desc {
  font-size: 24px;
  line-height: 1.25;
  color: #000;
  margin-bottom: 45px;
}
.about2 .about-work .work-r .r-list {
  position: relative;
}
.about2 .about-work .work-r .r-list:before {
  position: absolute;
  left: 19px;
  top: 20px;
  width: 2px;
  content: '';
  display: block;
  height: calc(100% - 100px);
  background-color: #E6F0FE;
}
.about2 .about-work .work-r .r-list .box-t {
  font-size: 30px;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
  position: relative;
}
.about2 .about-work .work-r .r-list .box-t::before {
  content: '';
  width: 40px;
  height: 40px;
  background-color: #E6F0FE;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: -70px;
  top: 50%;
  transform: translateY(-50%);
}
.about2 .about-work .work-r .r-list .box-t:after {
  content: '';
  background-color: #0B68F2;
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  left: -61px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.about2 .about-work .work-r .r-list .box-b {
  font-size: 18px;
  line-height: 1.4;
  color: #000;
}
.about2 .about-work .work-r .r-list .r-box {
  padding-left: 70px;
}
.about2 .about-work .work-r .r-list .r-box:nth-child(n+2) {
  margin-top: 35px;
}
.service {
  background-color: #f7f7f7;
}
.service .tit {
  font-family: '316-CAI978';
  line-height: 1;
  color: #000;
}
.service .tit span {
  color: #fa423a;
}
.service .service-online {
  padding: 85px 0 0;
}
.service .service-online .tit {
  font-size: 48px;
  margin-bottom: 30px;
}
.service .service-online .img-box {
  padding-bottom: 66.66666667%;
}
.service .service-online .ol-all {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.service .service-online .ol-r {
  width: 42.55319149%;
}
.service .service-online .ol-r .r-img {
  border-radius: 10px;
  overflow: hidden;
}
.service .service-online .ol-l {
  width: calc(57.44680851% - 40px);
  padding-top: 10px;
}
.service .service-online .ol-l .txt {
  font-size: 24px;
  font-weight: 300;
  font-family: 'Nacelle';
  color: #000;
  line-height: 1.5;
}
.service .service-parts {
  padding: 70px 0;
}
.service .service-parts .tit {
  font-size: 38px;
  text-align: center;
  margin-bottom: 25px;
}
.service .service-parts .desc {
  font-size: 24px;
  line-height: 1.5;
  color: #000;
  text-align: center;
  font-weight: 300;
  font-family: 'Nacelle';
  max-width: 860px;
  margin: 0 auto;
}
.service .service-parts .parts-list {
  margin: 50px -15px 0;
}
.service .service-parts .parts-list .box {
  width: 33.33333333%;
  padding: 0 15px;
}
.service .service-parts .parts-list .box .cont {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding-bottom: 159px;
}
.service .service-parts .parts-list .box .cont:hover {
  box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.1);
}
.service .service-parts .parts-list .box .cont:hover .cont-desc {
  height: 87px;
  margin-bottom: 30px;
}
.service .service-parts .parts-list .box .cont:hover a {
  background-color: #fa423a;
}
.service .service-parts .parts-list .box .part-cont {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  z-index: 2;
  padding: 35px;
}
.service .service-parts .parts-list .box .part-cont .cont-tit {
  font-family: 'Nacelle';
  font-weight: bold;
  font-size: 22px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  margin-bottom: 10px;
}
.service .service-parts .parts-list .box .part-cont .cont-desc {
  font-size: 18px;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #8b8b8b;
  margin-bottom: 20px;
  height: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service .service-parts .parts-list .box .part-cont a {
  background-color: #001662;
  color: #fff;
  display: block;
  width: fit-content;
  font-size: 14px;
  padding: 5px 20px;
  border-radius: 5px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service .service-advantage {
  background-image: url(../img/ad-bg.webp);
  background-size: 100% 100%;
  padding: 110px 0 70px;
}
.service .service-advantage .tit {
  color: #fff;
  font-size: 38px;
  text-align: center;
  position: relative;
}
.service .service-advantage .tit:after {
  content: '';
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  background-color: #fa423a;
  width: 102px;
  height: 7px;
}
.service .service-advantage .ad-list {
  display: flex;
  flex-wrap: wrap;
  margin: 100px -20px 0;
}
.service .service-advantage .ad-list .box {
  width: 50%;
  padding: 0 20px;
}
.service .service-advantage .ad-list .box:nth-child(n+3) {
  margin-top: 40px;
}
.service .service-advantage .ad-list .cont {
  background-color: #fff;
  padding: 60px 45px;
  height: 100%;
  border-radius: 10px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service .service-advantage .ad-list .cont:hover {
  transform: translateY(-5px);
}
.service .service-advantage .ad-list .cont .cont-ico {
  width: 77px;
}
.service .service-advantage .ad-list .cont .cont-t {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.service .service-advantage .ad-list .cont .cont-tit {
  font-size: 30px;
  line-height: 1;
  font-weight: bold;
  color: #000;
  font-family: 'Nacelle';
  margin-left: 30px;
}
.service .service-advantage .ad-list .cont .cont-b {
  font-size: 18px;
  line-height: 1.6;
  color: #000;
}
.service .service-work {
  padding: 70px 0 0;
  background-color: #fff;
}
.service .service-work .tit {
  font-size: 48px;
  margin-bottom: 30px;
}
.service .service-work .desc {
  font-size: 28px;
  line-height: 1.3;
  color: #000;
  font-weight: bold;
}
.service .service-work .work-all {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.service .service-work .work-l {
  width: 42.55319149%;
}
.service .service-work .work-l .img-box {
  padding-bottom: 126.66666667%;
}
.service .service-work .work-r {
  width: 55%;
}
.service .service-work .work-r .r-top {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.service .service-work .work-r .r-ico {
  width: 30px;
}
.service .service-work .work-r .r-tit {
  font-size: 24px;
  font-family: 'Nacelle';
  font-weight: bold;
  line-height: 1;
  padding-top: 5px;
  margin-left: 20px;
  color: #000;
}
.service .service-work .work-r .r-box {
  font-size: 18px;
  line-height: 1.6;
  color: #000;
  font-family: 'Nacelle';
  font-weight: 300;
}
.service .service-work .work-r .r-box:nth-child(n+2) {
  margin-top: 30px;
}
.service .service-application {
  background-color: #fff;
  text-align: center;
  padding: 80px 0 0;
}
.service .service-application .tit {
  font-size: 38px;
  margin-bottom: 30px;
}
.service .service-application .desc {
  font-size: 24px;
  line-height: 1.5;
  color: #000;
  font-family: 'Nacelle';
  font-weight: 300;
  margin-bottom: 80px;
}
.service .service-application .ser-list {
  display: flex;
}
.service .service-application .ser-list .box {
  width: 16.66666667%;
  height: 470px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.service .service-application .ser-list .box:first-child {
  width: 33.33333333%;
  background-image: url(../img/about-app1.webp);
}
.service .service-application .ser-list .box:nth-child(2) {
  background-image: url(../img/about-app2.webp);
}
.service .service-application .ser-list .box:nth-child(3) {
  background-image: url(../img/about-app3.webp);
}
.service .service-application .ser-list .box:nth-child(4) {
  background-image: url(../img/about-app4.webp);
}
.service .service-application .ser-list .box:nth-child(5) {
  background-image: url(../img/about-app5.webp);
}
.service .service-application .ser-list .box.active .ser-tit {
  opacity: 1;
}
.service .service-application .ser-list .ser-tit {
  font-size: 22px;
  color: #fff;
  font-family: 'Nacelle';
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: fit-content;
  white-space: nowrap;
}
.service .service-faq {
  background-color: #fff;
  padding: 75px 0;
}
.service .service-faq .tit {
  font-size: 48px;
  text-align: center;
  margin-bottom: 40px;
}
.service .service-faq .list .box {
  position: relative;
  border-radius: 10px;
  padding: 15px 55px;
  background-color: #F1F1F1;
}
.service .service-faq .list .box:nth-child(n+2) {
  margin-top: 25px;
}
.service .service-faq .list .faq-t {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  align-items: center;
  padding: 0 10px;
  border-bottom: 1px solid transparent;
  z-index: 2;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service .service-faq .list .faq-t .faq-img {
  width: 20px;
}
.service .service-faq .list .faq-t.active {
  border-color: #e3e3e3;
}
.service .service-faq .list .cont {
  display: flex;
  width: calc(100% - 45px);
  padding: 19px 0;
}
.service .service-faq .list .cont i {
  font-size: 30px;
  line-height: 1;
  color: #fa423a;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service .service-faq .list .faq-tit {
  color: #000;
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  width: calc(100% - 30px);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service .service-faq .list .faq-ans {
  font-size: 18px;
  line-height: 1.4;
  padding: 15px 10px;
  color: #6f6f6f;
  position: relative;
  z-index: 2;
}
.service .service-faq .list .faq-ans span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}


#HBox {
  margin: 0 auto!important;
  transform: translate(-50%, -50%);
  box-shadow: 1px 1px 5px #333;
  -webkit-box-shadow: 1px 1px 5px #333;
  display: none;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
}
#HBox .form-box {
  padding: 30px 40px;
  overflow: hidden;
}
#HBox form {
  width: 600px;
  max-width: 100%;
}
#HBox .form-box .tit {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
#HBox label {
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
}
#HBox .sonbox-input {
  width: 500px;
  margin-bottom: 20px;
}
#HBox input {
  font-size: 16px;
  padding: 0 14px;
  margin: 0;
  border: 1px solid #999;
  height: 24px;
  width: 100%;
  background-color: transparent;
  color: #000;
}
#HBox input::placeholder {
  color: #999;
}
#HBox input:focus-visible {
  outline-offset: 0;
  outline: none;
}
#HBox input:focus {
  outline-offset: 0;
  outline: none;
  border-color: #001662;
}
#HBox textarea {
  resize: none;
  width: 100%;
  height: 100px;
  background-color: transparent;
  border: 1px solid #999;
  color: #000;
  font-size: 16px;
}
#HBox textarea::placeholder {
  color: #999;
}
#HBox textarea:focus-visible {
  outline-offset: 0;
  outline: none;
}
#HBox textarea:focus {
  outline-offset: 0;
  outline: none;
  border-color: #001662;
}
#HBox .form-sonbox-btn {
  display: flex;
  justify-content: center;
}
#HBox button {
  font-size: 18px;
  padding: 10px 20px;
  background-color: #001662;
  border: none;
  cursor: pointer;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#HBox button:hover {
  background-color: #FA423A;
}



.service .service-form {
  background-image: url(../img/fo-bg.webp);
  background-size: 100% 100%;
}
.service .service-form .fo-all {
  text-align: center;
  max-width: 1160px;
  margin: 0 auto;
  padding: 100px 0 45px;
}
.service .service-form .fo-all .fo-tit1 {
  font-family: 'Nacelle';
  font-weight: 500;
  font-size: 30px;
  color: #fff;
}
.service .service-form .fo-all .fo-tit2 {
  font-size: 48px;
  font-family: '316-CAI978';
  line-height: 1.4;
  color: #fff;
  margin-bottom: 30px;
}
.service .service-form .fo-all .fo-desc {
  font-size: 18px;
  line-height: 1.4;
  font-family: 'Nacelle';
  color: #fff;
  margin-bottom: 70px;
}
.service .service-form .fo-all .fo-bot {
  display: flex;
  background-color: #121214;
}
.service .service-form .fo-all .fo-bot .fo-bl {
  width: 40%;
}
.service .service-form .fo-all .fo-bot .fo-br {
  width: 60%;
  padding: 30px 35px 0;
}
.service .service-form .fo-all .fo-bot .fo-br .br-tit {
  font-size: 38px;
  font-family: '316-CAI978';
  color: #fff;
  line-height: 1.3;
  margin-bottom: 30px;
}
.service .service-form .fo-all .fo-bot .fo-br .br-tit span {
  color: #fa423a;
}
.service .service-form .fo-all .fo-bot .slick-slide > div {
  font-size: 0;
}
.service .service-form .fo-all .fo-bot .slick-dots {
  display: flex;
  justify-content: center;
  bottom: 22px;
}
.service .service-form .fo-all .fo-bot .slick-dotted.slick-slider{
    margin-bottom: 0;
}
.service .service-form .fo-all .fo-bot .slick-dots li {
  width: 12px;
  height: 12px;
  border: 1px solid #fa423a;
  border-radius: 50%;
  margin: 0 5px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service .service-form .fo-all .fo-bot .slick-dots li button {
  display: none;
}
.service .service-form .fo-all .fo-bot .slick-dots li.slick-active {
  background-color: #fa423a;
}
.service .service-form .elementor-294 .elementor-element.elementor-element-2ac5dd3 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){
    height: 65px;
}

.service .service-form .elementor-294 .elementor-element.elementor-element-2ac5dd3 .elementor-field-group{
    padding: 0 10px;
    margin-bottom: 20px;
}
.service .service-form .elementor-294 .elementor-element.elementor-element-2ac5dd3 .elementor-field-group.e-form__buttons{
    margin-top: 20px;
}

.service .service-form .elementor-294 .elementor-element.elementor-element-2ac5dd3 .elementor-button{
    padding: 17px 30px;
}




.service2 .ser-banner {
  /*background-image: url(../img/ser1-banner.webp);*/
  background-size: 100% 100%;
  color: #fff;
  position: relative;
}
.service2 .ser-banner .ser-bannercont{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.service2 .ser-banner img{
    width: 100%;
}
.service2 .ser-banner .tit {
  font-size: 70px;
  font-family: '316-CAI978';
}
.service2 .ser-banner .desc {
  font-family: 'Nacelle';
  font-size: 18px;
  line-height: 1.4;
}
.service2 .page-tit {
  font-size: 44px;
  line-height: 1.2;
  color: #000;
  font-family: '316-CAI978';
  text-align: center;
}
.service2 .page-tit span {
  color: #1c5ca3;
}
.service2 .ser-form .elementor-294 .elementor-element.elementor-element-2ac5dd3 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){
    height: 65px;
}

.service2 .ser-form .elementor-294 .elementor-element.elementor-element-2ac5dd3 .elementor-field-group{
    padding: 0 10px;
    margin-bottom: 20px;
}
.service2 .ser-form .elementor-294 .elementor-element.elementor-element-2ac5dd3 .elementor-field-group.e-form__buttons{
    margin-top: 20px;
}

.service2 .ser-form .elementor-294 .elementor-element.elementor-element-2ac5dd3 .elementor-button{
    padding: 17px 30px;
}
.service2 .ser-form .elementor-294 .elementor-element.elementor-element-2ac5dd3 .elementor-form-fields-wrapper{
    margin: 30px -10px -10px;
}
.service2 .ser-form {
  background-color: #EAF0F7;
  padding: 110px 0;
}
.service2 .ser-form .fo-all {
  border-radius: 24px;
  background-color: #ffffff;
  box-shadow: 0px 6px 59px 0px rgba(0, 0, 0, 0.05);
  margin: 45px 0 0;
  padding: 40px 60px;
  display: flex;
  justify-content: space-between;
}
.service2 .ser-form .fo-l {
  width: 470px;
}
.service2 .ser-form .fo-l .slick-slide > div {
  font-size: 0;
}
.service2 .ser-form .fo-l .slick-dots {
  display: flex;
  justify-content: center;
  bottom: -12px;
}
.service2 .ser-form .fo-l .slick-dots li {
  width: 12px;
  height: 12px;
  border: 1px solid #001662;
  border-radius: 50%;
  margin: 0 5px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service2 .ser-form .fo-l .slick-dots li button {
  display: none;
}
.service2 .ser-form .fo-l .slick-dots li.slick-active {
  background-color: #001662;
}
.service2 .ser-form .fo-r {
  width: calc(100% - 510px);
}
.service2 .ser-form .fo-r .r-tit {
  font-size: 40px;
  color: #000;
  font-weight: 500;
  font-family: '316-CAI978';
  margin-bottom: 15px;
}
.service2 .ser-form .fo-r .r-desc {
  font-size: 18px;
  font-weight: 300;
  color: #434343;
  line-height: 1.4;
  font-family: 'Nacelle';
}
.service2 .ser-block3 {
  padding: 70px 0 0;
}
.service2 .ser-block3 .page-desc {
  color: #2d2d2d;
  font-size: 20px;
  line-height: 1.2;
  font-family: 'Nacelle';
  text-align: center;
  margin: 30px 0 0;
}
.service2 .ser-block3 .block-all .all-t {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid #CFCFCF;
  padding-top: 70px;
  margin-top: 60px;
}
.service2 .ser-block3 .block-all .all-tl {
  width: 50%;
  font-size: 34px;
  line-height: 1.4;
  font-family: '316-CAI978';
  color: #1c5ca3;
  padding-right: 15px;
}
.service2 .ser-block3 .block-all .all-tr {
  width: 50%;
  padding-left: 15px;
  border-left: 1px solid #CFCFCF;
  font-size: 20px;
  line-height: 1.2;
  font-family: 'Nacelle';
  color: #2d2d2d;
}
.service2 .ser-block3 .block-all .all-b {
  display: flex;
  flex-wrap: wrap;
  margin: 60px -10px 0;
}
.service2 .ser-block3 .block-all .all-b .b-box {
  width: 25%;
  padding: 0 10px;
}
.service2 .ser-block3 .block-all .all-b .box-cont {
  border-radius: 24px;
  background-color: #ffffff;
  box-shadow: 0px 6px 26px 0px rgba(0, 0, 0, 0.3);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 85px 20px;
  position: relative;
}
.service2 .ser-block3 .block-all .all-b .box-cont:hover .ico-desc {
  opacity: 1;
}
.service2 .ser-block3 .block-all .all-b .box-cont .ico {
  width: 130px;
  margin-bottom: 25px;
}
.service2 .ser-block3 .block-all .all-b .box-cont .ico-tit {
  font-size: 20px;
  line-height: 1.2;
  font-family: 'Nacelle';
  color: #000;
}
.service2 .ser-block3 .block-all .all-b .box-cont .ico-desc {
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  background-color: #001662;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-family: 'Nacelle';
  font-size: 18px;
  line-height: 1.4;
  padding: 5px;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service2 .ser-block4 {
  background-image: url(../img/argon-arc-welding/6.webp);
  background-size: 100% 100%;
  background-color: #10182E;
  padding: 280px 0 120px;
  margin-top: -200px;
}
.service2 .ser-block4 .b4-list {
  display: flex;
  justify-content: space-between;
}
.service2 .ser-block4 .b4-list:first-child {
  margin-bottom: 360px;
}
.service2 .ser-block4 .b4-list .box {
  width: 480px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 18px;
  padding: 30px;
}
.service2 .ser-block4 .b4-list .box-tit {
  font-size: 24px;
  line-height: 1;
  font-family: 'Nacelle';
  color: #1c5ca3;
  font-weight: 500;
  margin-bottom: 20px;
}
.service2 .ser-block4 .b4-list .box-desc {
  font-size: 18px;
  line-height: 1.4;
  font-family: 'Nacelle';
  color: #a3a3a3;
}
.service2 .ser-block5 {
  padding: 110px 0 140px;
  background-color: #EAF0F7;
}
.service2 .ser-block5 .b5-list {
  border-width: 3px;
  border-color: #ffffff;
  border-style: solid;
  border-radius: 24px;
  background-color: #ffffff;
  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.15);
  margin-top: 60px;
}
.service2 .ser-block5 .b5-list .list .cont {
  display: flex;
}
.service2 .ser-block5 .b5-list .list .box-l {
  width: 50%;
  display: flex;
  padding: 0 40px 162px;
  flex-direction: column;
  justify-content: center;
}
.service2 .ser-block5 .b5-list .list .box-l .l-tit {
  font-size: 34px;
  color: #1c5ca3;
  line-height: 1;
  font-family: 'Nacelle';
  font-weight: 600;
  margin-bottom: 40px;
}
.service2 .ser-block5 .b5-list .list .box-l .l-desc {
  color: #a3a3a3;
  font-size: 22px;
  line-height: 1.45;
  font-family: 'Nacelle';
  font-weight: 600;
}
.service2 .ser-block5 .b5-list .list .box-r {
  width: 50%;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  overflow: hidden;
}
.service2 .ser-block5 .b5-list .list .box-r .img-box {
  padding-bottom: 83.11688312%;
}
.service2 .ser-block5 .b5-list .list .slick-dots {
  display: none!important;
}
.service2 .ser-block5 .b5-list .list .slick-dotbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  position: absolute;
  bottom: 100px;
}
.service2 .ser-block5 .b5-list .list .slick-dotbox:before {
  width: 100%;
  height: 1px;
  background-color: #CBCBCB;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
}
.service2 .ser-block5 .b5-list .list .slick-dotbox .b5-num {
  display: flex;
  align-items: flex-end;
  font-style: italic;
  font-family: 'Nacelle';
  font-weight: 600;
  padding-left: 45px;
  padding-right: 20px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}
.service2 .ser-block5 .b5-list .list .slick-dotbox .b5-num .counter-numbox {
  font-size: 60px;
  color: #2963a6;
  line-height: 30px;
  margin-right: 5px;
}
.service2 .ser-block5 .b5-list .list .slick-dotbox .b5-num .counter-total {
  font-size: 40px;
  color: #bbbbbb;
  line-height: 24px;
}
.service2 .ser-block5 .b5-list .list .slick-dotbox .b5-switch {
  display: flex;
  align-items: center;
  padding-right: 35px;
  padding-left: 50px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}
.service2 .ser-block5 .b5-list .list .slick-dotbox .b5-switch .b5-prevbtn {
  background-color: #001662;
  width: 62px;
  height: 62px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service2 .ser-block5 .b5-list .list .slick-dotbox .b5-switch .b5-prevbtn:after {
  content: '';
  width: 20px;
  height: 32px;
  background-image: url(../img/argon-arc-welding/8.webp);
  background-size: 100% 100%;
  display: block;
}
.service2 .ser-block5 .b5-list .list .slick-dotbox .b5-switch .b5-prevbtn:hover {
  transform: translateY(-5px);
}
.service2 .ser-block5 .b5-list .list .slick-dotbox .b5-switch .b5-nextbtn {
  background-color: #FA423A;
  width: 62px;
  height: 62px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 18px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service2 .ser-block5 .b5-list .list .slick-dotbox .b5-switch .b5-nextbtn:after {
  content: '';
  width: 20px;
  height: 32px;
  background-image: url(../img/argon-arc-welding/9.webp);
  background-size: 100% 100%;
  display: block;
}
.service2 .ser-block5 .b5-list .list .slick-dotbox .b5-switch .b5-nextbtn:hover {
  transform: translateY(-5px);
}
.service2 .ser-block5 .b5-list .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.service2 .ser-block7 {
  background-color: #10182E;
  padding: 90px 0 140px;
}
.service2 .ser-block7 .page-tit {
  color: #fff;
}
.service2 .ser-block7 .b7-list {
  display: flex;
  flex-wrap: wrap;
  margin: 60px 0 0;
}
.service2 .ser-block7 .b7-list .b7-box {
  padding: 0 10px;
  width: 33.33333333%;
}
.service2 .ser-block7 .b7-list .b7-box:nth-child(n+4) {
  margin-top: 20px;
}
.service2 .ser-block7 .b7-list .t-img {
  width: 60px;
}
.service2 .ser-block7 .b7-list .box {
  border: 1px solid #647EA0;
  padding: 30px 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #fff;
  font-family: 'Nacelle';
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service2 .ser-block7 .b7-list .box:hover {
  background-color: #2C66A8;
}
.service2 .ser-block7 .b7-list .box .t-tit {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin: 15px 0;
}
.service2 .ser-block7 .b7-list .box .t-desc {
  font-size: 18px;
  line-height: 1.4;
}
.service2 .service-faq {
  background-color: #fff;
  padding: 75px 0;
}
.service2 .service-faq .list {
  margin-top: 50px;
}
.service2 .service-faq .list .box {
  position: relative;
  border-radius: 10px;
  padding: 15px 55px;
  background-color: #F1F1F1;
}
.service2 .service-faq .list .box:nth-child(n+2) {
  margin-top: 25px;
}
.service2 .service-faq .list .faq-t {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  align-items: center;
  padding: 0 10px;
  border-bottom: 1px solid transparent;
  z-index: 2;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service2 .service-faq .list .faq-t .faq-img {
  width: 20px;
}
.service2 .service-faq .list .faq-t.active {
  border-color: #e3e3e3;
}
.service2 .service-faq .list .cont {
  display: flex;
  width: calc(100% - 45px);
  padding: 19px 0;
}
.service2 .service-faq .list .cont i {
  font-size: 30px;
  line-height: 1;
  color: #fa423a;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service2 .service-faq .list .faq-tit {
  color: #000;
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  width: calc(100% - 30px);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service2 .service-faq .list .faq-ans {
  font-size: 18px;
  line-height: 1.4;
  padding: 15px 10px;
  color: #6f6f6f;
  position: relative;
  z-index: 2;
}
.service2 .service-faq .list .faq-ans span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}