@import url('footer_1.css');
.container {
  --bs-gutter-x: 1.875rem !important;
}
.box .bg-box .bg {
  max-width: 100%;
  height: 48.75rem;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  background-position: 69%;
}
.box .bg-box .bg .introduce {
  position: absolute;
  top: 18%;
  left: 15%;
  width: 32.9375rem;
  height: 20rem;
  background: rgba(149, 85, 7, 0.8);
  padding: 3.125rem;
}
.box .bg-box .bg .introduce .title {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
  font-size: 2.875rem;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}
.box .bg-box .bg .introduce .text {
  margin-top: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  color: #ffffff;
}
.box .bg-box .introduce-sm {
  padding: 1.875rem 0.9375rem;
  background: rgba(149, 85, 7, 0.8);
}
.box .bg-box .introduce-sm .title {
  font-size: 1.5rem;
  color: #ffffff;
  text-shadow: 0px 0.25rem 0.25rem rgba(0, 0, 0, 0.3);
  line-height: 1.75rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.box .bg-box .introduce-sm .text {
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 1.5625rem;
}
@media (max-width: 1650px) {
  .box .bg-box .bg {
    height: 45rem !important;
  }
  .box .bg-box .introduce {
    padding: 2.5rem !important;
    height: 17rem !important;
    left: 10% !important;
  }
}
@media (max-width: 1500px) {
  .box .bg-box .bg {
    height: 42rem !important;
  }
  .box .bg-box .introduce {
    padding: 1.875rem !important;
    width: 28rem !important;
    left: 5% !important;
  }
}
@media (max-width: 1300px) {
  .box .bg-box .bg {
    height: 38rem !important;
  }
  .box .bg-box .introduce {
    padding: 1.25rem !important;
    width: 22rem !important;
    height: 15rem !important;
    left: 5% !important;
    top: 14% !important;
  }
  .box .bg-box .introduce .title {
    font-size: 1.875rem !important;
  }
  .box .bg-box .introduce .text {
    font-size: 1rem !important;
  }
}
@media (max-width: 1200px) {
  .box .bg-box .bg {
    height: 35rem !important;
  }
}
@media (max-width: 992px) {
  .box .bg-box .bg {
    height: 28rem !important;
  }
  .box .bg-box .introduce {
    width: 18rem !important;
    height: 16rem !important;
    top: 8% !important;
  }
  .box .bg-box .introduce .title {
    font-size: 1.5rem !important;
  }
  .box .bg-box .introduce .text {
    font-size: 0.875rem !important;
  }
}
@media (max-width: 768px) {
  .box .bg-box .bg {
    height: 38.4375rem !important;
  }
}
.box .contactUs {
  margin-top: 7.5rem;
  margin-bottom: 15rem;
  background: #f7f7f7;
}
.box .contactUs .left-box {
  padding: 3.75rem;
}
.box .contactUs .left-box .title {
  line-height: 2.9375rem;
  font-size: 2.5rem;
  color: #333333;
  font-weight: bold;
  margin-bottom: 2.1875rem;
}
.box .contactUs .left-box .text {
  font-size: 1rem;
  color: #333333;
  line-height: 1.1875rem;
  margin-bottom: 3.3125rem;
}
.box .contactUs .left-box .info .telephone {
  margin-right: 5.625rem;
}
.box .contactUs .left-box .info .text-name {
  line-height: 1.625rem;
  font-size: 1.375rem;
  color: #333333;
  margin-left: 0.4375rem;
}
.box .contactUs .left-box .email {
  margin-top: 3.25rem;
  font-size: 1rem;
  color: #333333;
  line-height: 1.1875rem;
}
.box .contactUs .left-box .email a {
  color: #fe7c0f;
}
.box .contactUs .left-box .btn {
  width: 8.875rem;
  height: 3.0625rem;
  background: linear-gradient(90deg, #fe7c0f 0%, #fe570f 100%);
  box-shadow: 0px 4px 12px 0px rgba(255, 92, 16, 0.25);
  border-radius: 1.625rem;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  line-height: 2.0625rem;
  margin-top: 1.3125rem;
}
.box .contactUs .right-box {
  padding: 7.5rem 2.5rem 0 3.75rem;
  background-position: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
}
.box .contactUs .right-box .line {
  position: absolute;
  left: 0;
  top: 5%;
  width: 0.0625rem;
  height: 90%;
  background: #dcdcdc;
}
.box .contactUs .right-box .address-title {
  color: #333333;
  line-height: 28px;
  font-size: 24px;
  margin-bottom: 0.625rem;
  font-weight: bold;
}
.box .contactUs .right-box .address-content {
  color: #333333;
  line-height: 1.1875rem;
  font-size: 1rem;
  margin-bottom: 3.75rem;
  position: relative;
}
.box .contactUs .right-box .address-content .icon {
  position: absolute;
  top: 0;
  left: -1.25rem;
}
.box .question_title {
  line-height: 3.9375rem;
  font-size: 3.375rem;
  color: #333333;
  text-align: center;
  margin-bottom: 2.5rem;
}
.box .question .input-box .input-col {
  width: 100%;
  background: #f7f7f7;
  border: none;
  padding: 0.75rem 1rem;
  margin-bottom: 1.875rem;
  border-radius: 0;
}
.box .question .input-box .input-col:focus {
  box-shadow: 0 0 0 0.125rem #fe7c0f;
}
.box .question .input-box .input-col:first-child {
  margin-right: 1.25rem;
}
.box .question .message {
  padding: 0.75rem 1rem;
  background: #f7f7f7;
  border: none;
  width: 100%;
  margin-bottom: 3.75rem;
  border-radius: 0;
  resize: none;
}
.box .question .message:focus {
  box-shadow: 0 0 0 0.125rem #fe7c0f;
}
.box .question .btn {
  width: 12rem;
  height: 3.0625rem;
  background: linear-gradient(90deg, #fe7c0f 0%, #fe570f 100%);
  border-radius: 1.4375rem;
  line-height: 2.375rem;
  color: #ffffff;
  font-size: 1.125rem;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-bottom: 13.75rem;
  box-shadow: 0px 4px 12px 0px rgba(255, 92, 16, 0.25);
}
@media (max-width: 992px) {
  .contactUs .right-box {
    padding: 7.5rem 2.5rem 0 1.75rem !important;
  }
  .question_title {
    font-size: 2.375rem !important;
  }
}
@media (max-width: 768px) {
  .contactUs {
    margin-bottom: 5.625rem !important;
  }
  .contactUs .left-box {
    padding: 2.5rem 0.75rem !important;
  }
  .contactUs .left-box .title {
    font-size: 1.5625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .contactUs .left-box .text {
    font-size: 0.875rem !important;
    margin-bottom: 2.125rem !important;
  }
  .contactUs .left-box .icon {
    width: 2rem;
    height: 2rem;
  }
  .contactUs .left-box .text-name {
    font-size: 1.125rem !important;
  }
  .contactUs .left-box .btn {
    width: 7.0625rem !important;
    height: 2.25rem !important;
    font-size: 0.875rem !important;
    line-height: 1.375rem !important;
  }
  .contactUs .right-box {
    padding: 2.5rem 0.75rem 2.5rem 1.875rem !important;
    background-position: 40% 0% !important;
    background-size: auto !important;
  }
  .contactUs .right-box .line {
    left: 3% !important;
    top: 0 !important;
    height: 0.0625rem !important;
    width: 94% !important;
  }
  .contactUs .right-box .address-content {
    margin-bottom: 1.875rem !important;
  }
  .contactUs .right-box .address-title {
    font-size: 1.25rem !important;
  }
  .contactUs .right-box .address-text {
    font-size: 0.875rem !important;
  }
  .question_title {
    margin-bottom: 1.5625rem !important;
    font-size: 1.5625rem !important;
  }
  .question .input-col {
    margin-bottom: 1.25rem !important;
  }
  .question .message {
    margin-bottom: 1.875rem !important;
  }
  .question .btn {
    margin-bottom: 5.625rem !important;
    font-size: 0.875rem !important;
    width: 8.875rem !important;
    height: 2.25rem !important;
    line-height: 1.5rem !important;
  }
}