footer {
  background-color: #17171b;
}
footer .mod_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-top: 0.01rem solid #fff;
  position: relative;
}
footer .mod_container .line-top {
  background: #ddd;
  display: block;
  height: 0.01rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0.2rem;
  width: 100%;
  z-index: 1;
}
footer .mod_container .mod_top {
  display: flex;
  padding: 0.2rem 0.2rem 0;
  position: relative;
}
footer .mod_container .mod_top .line-right {
  background: #ddd;
  display: block;
  height: calc(100% - 0.2rem);
  pointer-events: none;
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  width: 0.01rem;
  z-index: 1;
}
footer .mod_container .mod_top .line-bottom {
  background: #ddd;
  bottom: 0;
  display: block;
  height: 0.01rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
footer .mod_container .mod_top .line-left {
  background: #ddd;
  display: block;
  height: calc(100% - 0.2rem);
  left: 0.2rem;
  pointer-events: none;
  position: absolute;
  top: 0.2rem;
  width: 0.01rem;
  z-index: 1;
}
footer .mod_container .mod_top .left-box {
  padding-top: 0.5rem;
  width: 4.65rem;
  margin-left: 1.55rem;
  flex-shrink: 0;
}
footer .mod_container .mod_top .left-box .logo {
  margin-bottom: 0.425rem;
  width: 1.6rem;
}
footer .mod_container .mod_top .left-box .logo img {
  width: 100%;
}
footer .mod_container .mod_top .left-box .desc {
  width: 2.65rem;
  margin-bottom: 0.48rem;
  font-size: 0.18rem;
  color: #fff;
  line-height: calc(25/18);
  font-family: 'FuturaCyrillicBook', 'SourceHanSansHKRegular';
}
footer .mod_container .mod_top .left-box .guote_btn {
  margin-top: 0.4rem;
  width: 2rem;
  height: 0.48rem;
  border-radius: 0.04rem;
  border: 0.01rem solid #dddddd;
  background-color: #ffffff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.16rem;
  color: #E21F2C;
  line-height: calc(21/16);
  font-family: 'FuturaCyrillicBook', 'SourceHanSansHKRegular';
}
footer .mod_container .mod_top .left-box .social-list {
  margin-bottom: 0.45rem;
  display: flex;
  gap: 0.24rem;
}
footer .mod_container .mod_top .left-box .social-list .social-item {
  border-radius: 50%;
  width: 0.45rem;
  height: 0.45rem;
  background-color: #a9c4bf;
  display: block;
}
footer .mod_container .mod_top .left-box .quick-a {
  margin-bottom: 0.48rem;
}
footer .mod_container .mod_top .left-box .quick-a .item {
  margin-bottom: 0.2rem;
  font-size: 0.14rem;
  color: #00286a;
  line-height: 1.6;
  display: block;
  text-decoration: none;
}
footer .mod_container .mod_top .left-box .copyright {
  padding-bottom: 0.48rem;
  font-size: 0.14rem;
  color: #00286a;
  line-height: 1.6;
}
footer .mod_container .mod_top .right-box {
  padding-top: 0.5rem;
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
}
footer .mod_container .mod_top .right-box .right-box-t {
  padding-bottom: 1.34rem;
  padding-left: 1rem;
}
footer .mod_container .mod_top .right-box .right-box-b {
  position: relative;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .mod_container .mod_top .right-box .right-box-b .line-top {
  left: 0;
  top: 0;
  width: 100%;
}
footer .mod_container .mod_top .right-box .quick-a-list {
  display: flex;
}
footer .mod_container .mod_top .right-box .quick-ul {
  width: 3.28rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
footer .mod_container .mod_top .right-box .quick-ul .quick-tit {
  margin-bottom: 0.17rem;
  font-size: 0.26rem;
  color: #fff;
  line-height: calc(28/26);
  font-family: 'FuturaCyrillicBook', 'SourceHanSansHKRegular';
}
footer .mod_container .mod_top .right-box .quick-ul .quick-tit:hover {
  color: #E21F2C;
}
footer .mod_container .mod_top .right-box .quick-ul .quick-a {
  font-size: 0.16rem;
  color: #fff;
  line-height: calc(21/16);
  font-family: 'FuturaCyrillicBook', 'SourceHanSansHKRegular';
  text-decoration: none;
  position: relative;
}
footer .mod_container .mod_top .right-box .quick-ul .quick-a:before {
  display: block;
  content: "";
  position: absolute;
  bottom: -0.03rem;
  left: 0;
  height: 0.01rem;
  background-color: #fff;
  pointer-events: none;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0, 1);
  width: 100%;
}
footer .mod_container .mod_top .right-box .quick-ul .quick-a + .quick-a {
  margin-top: 0.12rem;
}
footer .mod_container .mod_top .right-box .quick-ul .quick-a.tel {
  font-size: 0.26rem;
}
footer .mod_container .mod_top .right-box .quick-ul .quick-a:hover:before {
  transform: scaleX(1);
  transform-origin: left center;
}
footer .mod_container .mod_top .right-box .quick-ul.connect .quick-a:before {
  display: none;
}
footer .mod_container .mod_top .right-box .quick-ul.connect .out-link {
  margin-top: 0.2rem;
  display: flex;
  gap: 0.1rem;
}
footer .mod_container .mod_top .right-box .quick-ul.connect .out-link .icon_box {
  width: 0.38rem;
  height: 0.38rem;
}
footer .mod_container .mod_top .right-box .quick-ul.connect .out-link .icon_box img {
  width: 100%;
}
footer .mod_container .mod_top .right-box .social-ul {
  display: flex;
  gap: 0.4rem;
}
footer .mod_container .mod_top .right-box .social-ul li {
  display: flex;
}
footer .mod_container .mod_top .right-box .social-ul li .icon_box {
  width: 0.2rem;
  height: 0.2rem;
  display: block;
}
footer .mod_container .mod_top .right-box .social-ul li .icon_box.icon_f {
  background: url(../image/foot_f_1.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s ease-in;
}
footer .mod_container .mod_top .right-box .social-ul li .icon_box.icon_f:hover {
  background: url(../image/foot_f_2.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s ease-in;
}
footer .mod_container .mod_top .right-box .social-ul li .icon_box.icon_i {
  background: url(../image/foot_i_1.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s ease-in;
}
footer .mod_container .mod_top .right-box .social-ul li .icon_box.icon_i:hover {
  background: url(../image/foot_i_2.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s ease-in;
}
footer .mod_container .mod_top .right-box .social-ul li .icon_box.icon_in {
  background: url(../image/foot_in_1.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s ease-in;
}
footer .mod_container .mod_top .right-box .social-ul li .icon_box.icon_in:hover {
  background: url(../image/foot_in_2.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s ease-in;
}
footer .mod_container .mod_top .right-box .social-ul li .icon_box.icon_t {
  background: url(../image/foot_t_1.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s ease-in;
}
footer .mod_container .mod_top .right-box .social-ul li .icon_box.icon_t:hover {
  background: url(../image/foot_t_2.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s ease-in;
}
footer .mod_container .mod_top .right-box .social-ul li .icon_box.icon_y {
  background: url(../image/foot_y_1.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s ease-in;
}
footer .mod_container .mod_top .right-box .social-ul li .icon_box.icon_y:hover {
  background: url(../image/foot_y_2.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s ease-in;
}
footer .mod_container .mod_top .right-box .social-ul li svg {
  height: 0.27rem;
  width: 0.27rem;
  fill: #fff;
  transition: fill 0.6s cubic-bezier(0.4, 0, 0, 1);
}
footer .mod_container .mod_top .right-box .social-ul li:hover svg {
  fill: #E21F2C;
}
footer .mod_container .mod_top .right-box .line-left {
  top: 0;
  left: 0;
  height: 100%;
}
footer .mod_container .mod_bot {
  padding: 0.4rem 0.2rem 0.4rem;
  position: relative;
}
footer .mod_container .mod_bot .copyright {
  font-size: 0.18rem;
  color: #fff;
  line-height: calc(25/18);
  font-family: 'FuturaCyrillicBook', 'SourceHanSansHKRegular';
}
footer .mod_container .mod_bot .line-top {
  top: 0;
}
footer .modal-content {
  border-radius: 0.12rem;
}
footer .form_box form {
  padding: 0 0.3rem;
  width: 100%;
  margin: 0.47rem auto 0;
}
footer .form_box form.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  margin: 0;
  margin-bottom: 0.22rem;
}
footer .form_box form .gap-13 {
  gap: 0.13rem;
}
footer .form_box form .form-label,
footer .form_box form .form-check-label {
  font-size: 0.18rem;
  line-height: 1;
  color: #2a2b31;
  font-family: 'FuturaCyrillicBook', 'SourceHanSansHKRegular';
  margin-bottom: 0.09rem;
}
footer .form_box form input,
footer .form_box form textarea {
  background: #fff;
  border: 0.01rem solid #2a2b31;
  padding: 0 0.15rem;
  font-size: 0.18rem;
  line-height: 1;
  color: #2a2b31;
  font-family: 'FuturaCyrillicBook', 'SourceHanSansHKRegular';
}
footer .form_box form textarea {
  padding: 0.12rem 0.14rem;
}
footer .form_box form input {
  height: 0.46rem;
}
footer .form_box form .input-focus:focus {
  border-color: unset;
  outline: unset;
  box-shadow: unset;
}
footer .form_box form .submit_btn {
  width: 1.2rem;
  height: 0.4rem;
  background: #2a2b31;
  border-radius: 0.04rem;
  margin-top: 0.45rem !important;
  font-size: 0.18rem;
  line-height: 1;
  color: #fff;
  font-family: 'FuturaCyrillicBook', 'SourceHanSansHKRegular';
  display: flex;
  gap: 0.15rem;
  align-items: center;
  justify-content: center;
}
footer .form_box form .submit_btn .icon_box {
  width: 0.2rem;
  height: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .form_box form .submit_btn .icon_box img {
  width: 0.2rem;
}
footer .form_box form .help-block {
  font-size: 0.14rem;
  line-height: calc(19/14);
  color: red;
  font-family: 'FuturaCyrillicBook', 'SourceHanSansHKRegular';
  position: absolute;
  bottom: -0.22rem;
}
@media screen and (max-width: 992px) {
  footer {
    background-color: #222;
  }
  footer .mod_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-top: 0.01rem solid #fff;
    position: relative;
  }
  footer .mod_container .line-top {
    background: #ddd;
    display: block;
    height: 0.01rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0.2rem;
    width: 100%;
    z-index: 1;
  }
  footer .mod_container .mod_top {
    display: flex;
    flex-direction: column;
    padding: 0.2rem 0.16rem;
  }
  footer .mod_container .mod_top .line-right {
    background: #ddd;
    display: block;
    height: calc(100% - 0.4rem);
    pointer-events: none;
    position: absolute;
    right: 0.16rem;
    top: 0.2rem;
    width: 0.01rem;
    z-index: 1;
  }
  footer .mod_container .mod_top .line-bottom {
    background: #ddd;
    bottom: 0.2rem;
    display: block;
    height: 0.01rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  footer .mod_container .mod_top .line-left {
    background: #ddd;
    display: block;
    height: calc(100% - 0.4rem);
    left: 0.16rem;
    pointer-events: none;
    position: absolute;
    top: 0.2rem;
    width: 0.01rem;
    z-index: 1;
  }
  footer .mod_container .mod_top .left-box {
    padding-top: 0.2rem;
    width: unset;
    margin-left: 0.3rem;
    flex-shrink: 0;
  }
  footer .mod_container .mod_top .left-box .logo {
    margin-bottom: 0.15rem;
    width: 1.6rem;
  }
  footer .mod_container .mod_top .left-box .logo img {
    width: 100%;
  }
  footer .mod_container .mod_top .left-box .desc {
    width: unset;
    margin-bottom: 0.18rem;
    font-size: 0.12rem;
  }
  footer .mod_container .mod_top .left-box .guote_btn {
    margin-top: 0.2rem;
    width: 1.2rem;
    height: 0.36rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #dddddd;
    font-size: 0.12rem;
  }
  footer .mod_container .mod_top .left-box .quick-a {
    margin-bottom: 0.2rem;
  }
  footer .mod_container .mod_top .right-box {
    padding-top: 0.2rem;
  }
  footer .mod_container .mod_top .right-box .line-left {
    display: none;
  }
  footer .mod_container .mod_top .right-box .right-box-t {
    padding-bottom: 0.3rem;
    padding-left: 0.3rem;
  }
  footer .mod_container .mod_top .right-box .right-box-b {
    position: relative;
    padding: 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 0.2rem;
  }
  footer .mod_container .mod_top .right-box .right-box-b .quick-ul {
    width: 100%;
    flex-direction: row;
    gap: 0.1rem;
  }
  footer .mod_container .mod_top .right-box .right-box-b .quick-ul .quick-a {
    width: 50%;
    flex-shrink: 0;
    text-align: center;
  }
  footer .mod_container .mod_top .right-box .right-box-b .quick-ul .quick-a + .quick-a {
    margin-top: 0;
  }
  footer .mod_container .mod_top .right-box .right-box-b .line-top {
    left: 0;
    top: 0;
    width: 100%;
  }
  footer .mod_container .mod_top .right-box .quick-a-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem 0.1rem;
  }
  footer .mod_container .mod_top .right-box .quick-ul {
    width: 48%;
  }
  footer .mod_container .mod_top .right-box .quick-ul:nth-of-type(3) {
    width: 100%;
  }
  footer .mod_container .mod_top .right-box .quick-ul .quick-tit {
    margin-bottom: 0.1rem;
    font-size: 0.14rem;
  }
  footer .mod_container .mod_top .right-box .quick-ul .quick-a {
    font-size: 0.12rem;
  }
  footer .mod_container .mod_top .right-box .quick-ul .quick-a + .quick-a {
    margin-top: 0.1rem;
  }
  footer .mod_container .mod_top .right-box .quick-ul .quick-a.tel {
    font-size: 0.16rem;
  }
  footer .mod_container .mod_top .right-box .quick-ul.connect .quick-a:before {
    display: none;
  }
  footer .mod_container .mod_top .right-box .quick-ul.connect .out-link {
    margin-top: 0.2rem;
    display: flex;
    gap: 0.1rem;
  }
  footer .mod_container .mod_top .right-box .quick-ul.connect .out-link .icon_box {
    width: 0.24rem;
    height: 0.24rem;
  }
  footer .mod_container .mod_top .right-box .quick-ul.connect .out-link .icon_box img {
    width: 100%;
  }
  footer .mod_container .mod_top .right-box .social-ul {
    display: flex;
    gap: 0.15rem;
  }
  footer .mod_container .mod_top .right-box .social-ul a {
    display: flex;
  }
  footer .mod_container .mod_top .right-box .social-ul a svg {
    height: 0.24rem;
    width: 0.24rem;
    fill: #fff;
    transition: fill 0.6s cubic-bezier(0.4, 0, 0, 1);
  }
  footer .mod_container .mod_top .right-box .social-ul a:hover svg {
    fill: #E21F2C;
  }
  footer .mod_container .mod_top .right-box .line-left {
    top: 0;
    left: 0;
    height: 100%;
  }
  footer .mod_container .mod_bot {
    padding: 0 0.16rem 0.2rem;
    position: relative;
  }
  footer .mod_container .mod_bot .copyright {
    font-size: 0.12rem;
  }
  footer .mod_container .mod_bot .line-top {
    top: 0;
  }
  footer .modal-dialog {
    margin: 0.5rem 0.16rem;
  }
  footer .modal-content {
    border-radius: 0.1rem;
  }
  footer .form_box {
    width: 100%;
  }
  footer .form_box form {
    width: 100%;
    margin: 0.2rem auto 0;
  }
  footer .form_box form.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    margin: 0;
    margin-bottom: 0.22rem;
  }
  footer .form_box form .gap-13 {
    gap: 0.13rem;
  }
  footer .form_box form .form-label,
  footer .form_box form .form-check-label {
    font-size: 0.14rem;
    margin-bottom: 0.09rem;
  }
  footer .form_box form input,
  footer .form_box form textarea {
    padding: 0 0.1rem;
    font-size: 0.14rem;
  }
  footer .form_box form textarea {
    padding: 0.1rem 0.1rem;
  }
  footer .form_box form input {
    height: 0.4rem;
  }
  footer .form_box form .submit_btn {
    width: 1.2rem;
    height: 0.4rem;
    border-radius: 0.04rem;
    margin-top: 0.25rem !important;
    font-size: 0.14rem;
    display: flex;
    gap: 0.15rem;
    align-items: center;
    justify-content: center;
  }
  footer .form_box form .submit_btn .icon_box {
    width: 0.15rem;
    height: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  footer .form_box form .submit_btn .icon_box img {
    width: 0.15rem;
  }
  footer .form_box form .help-block {
    font-size: 0.14rem;
    position: absolute;
    top: 0;
    bottom: unset;
    left: unset;
    right: 0;
  }
}