.banner {
  width: 100%;
}
.bg {
  padding: 2.625rem 0 2rem;
  background-color: #EEF7FF;
}
.section {
  padding: 0 1rem;
}
.section .img-title {
  margin: 0 auto;
}
.section .text {
  font-size: 0.9375rem;
  color: #373737;
  text-align: justify;
  line-height: 1.75rem;
}
#contact {
  margin-top: 2.5rem;
  margin-bottom: 2.1875rem;
}
#contact .img-title {
  width: 8.1875rem;
  height: 2rem;
}
#contact .tabs {
  margin-top: 1.875rem;
  display: flex;
  flex-wrap: wrap;
}
#contact .tabs .item {
  flex: 1 1 50%;
  max-width: 50%;
  text-align: center;
}
#contact .tabs .item.active span {
  position: relative;
  color: #0062B1;
}
#contact .tabs .item.active span::after {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  background-color: #0062B1;
}
#contact .tabs .item span {
  font-size: 0.9375rem;
  color: #373737;
}
#contact .tabs .item:nth-child(n+3) {
  margin-top: 1rem;
}
#headquarter .img-title {
  margin: 0;
  width: 14.375rem;
  height: 2.875rem;
}
#headquarter .blod {
  margin-top: 1.5rem;
  font-weight: 700;
}
#headquarter .bb {
  margin-top: 1rem;
}
#headquarter .bb .text {
  display: flex;
}
#headquarter .bb .text .left {
  flex: 1;
}
#headquarter .bb .text .right {
  flex: 3;
}
#headquarter .img-wrapper {
  margin-top: 1.75rem;
  width: 20.4375rem;
  height: 10.6875rem;
}
#branch {
  margin-top: 3.25rem;
}
#branch .img-title {
  margin: 0;
  width: 18.75rem;
  height: 2.875rem;
}
#branch .cell-group {
  margin-top: 3.25rem;
}
#branch .cell-group .cell {
  background-color: #ffffff;
  padding: 1.375rem 1.25rem;
  box-shadow: 0px 0px 11px 0px rgba(175, 215, 248, 0.52);
  border-radius: 0.375rem;
}
#branch .cell-group .cell:nth-child(n+2) {
  margin-top: 3.25rem;
}
#branch .cell-group .cell .cell-title {
  font-size: 1.125rem;
  color: #373737;
  margin-bottom: 1.75rem;
  font-weight: 700;
}
#branch .cell-group .cell .item {
  display: flex;
}
#branch .cell-group .cell .item.phone {
  margin-top: 1.5rem;
  align-items: center;
}
#branch .cell-group .cell .item .img-wrapper {
  flex-shrink: 0;
  margin-right: 0.5rem;
  width: 1.625rem;
  height: 1.625rem;
}
#branch .cell-group .cell .item .content {
  font-size: 0.9375rem;
  color: #373737;
}
#office {
  margin-top: 3.25rem;
}
#office .img-title {
  margin: 0;
  width: 13.75rem;
  height: 2.9375rem;
}
#office .list-bsc {
  margin-top: 2rem;
}
#office .list-bsc .items-wrap:nth-child(n+2) {
  margin-top: 2rem;
}
#office .list-bsc .items-wrap .items-title {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 1.5rem;
}
#office .list-bsc .items-wrap .items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem 0;
}
#office .list-bsc .items-wrap .items .item {
  font-size: 0.6875rem;
  color: #373737;
  display: flex;
}
#production {
  margin-top: 3.25rem;
}
#production .img-title {
  margin: 0 0 2rem;
  width: 19.5625rem;
  height: 2.875rem;
}
#production .text {
  display: flex;
  flex-direction: column;
}
#production .text span:nth-child(n+2) {
  margin-top: 1rem;
}
#form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#form .section-title {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 1.5rem;
}
#form .form-item {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#form .form-item:nth-child(n+2) {
  margin-top: 0.5rem;
}
#form .form-item .label {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  color: #333333;
}
#form .form-item input {
  height: 1.25rem;
  font-size: 1rem;
  color: #333333;
}
#form .form-item select {
  width: 50%;
  height: 1.5rem;
  font-size: 1rem;
  color: #333333;
}
#form .btn {
  width: 4rem;
  height: 1.75rem;
  font-size: 1rem;
  text-align: center;
  line-height: 1.75rem;
  background-color: #1989fa;
  color: #ffffff;
  border-radius: 0.25rem;
  margin-top: 1rem;
}