/* .introduction{
    background-color: #FAF9F1;

    position: relative;
 }

 .introduction-bg{
 position: absolute;
 top: -35rem;
 right:  0;
 width: 446rem;
     height: 325rem;
     display: block;
 } */
/* .title-box{
     font-size: 26rem;
     line-height: 30rem;
     color: #222222;
     margin-bottom: 43rem;
     padding-left: 9rem;
     font-weight: 300;
 } */
.title-line {
  width: 3rem;
  height: 27rem;
  background-color: #2351af;
  margin-right: 12rem;
}

.title-box .text {
  font-size: 14rem;
  margin-left: 18rem;
  line-height: 16rem;
}

/* 
.introduction-pic {
  margin: 125rem 103rem 0 0;
  width: 313rem;
  height: 275rem;
  display: block;
}

.introduction .title {
  font-size: 36rem;
  color: #2351AF;
  font-weight: 300;
  margin-bottom: 30rem;
}

.introduction .title>text {
  font-size: 36rem;
  font-weight: 550;
} */

.footer-box {
  background-color: #fffef6;
  padding: 110rem 0 102rem;
  font-size: 15rem;
  line-height: 30rem;
  color: #666666;
  font-weight: 400;
}

.service-txt {
  font-size: 20rem;
  color: #000000;
  font-weight: 550;
  margin: 40rem 0 16rem;
}

.phone-txt {
  font-size: 38.99rem;
  line-height: 58.49rem;
  font-weight: 300;
  color: #000000;
}

.footer-box ul {
  width: 197rem;
}

.footer-box li {
  min-width: 75rem;
  line-height: 30rem;
  flex: 1;
}

.footer-box li a {
  color: #666;
}

.footer-box li a:hover {
  color: #164cc2;
}

.footer-title {
  font-size: 18rem;
  line-height: 30rem;
  font-weight: 550;
  color: #000000;
  margin-bottom: 10rem;
}

.footer-right {
  font-size: 16rem;
  line-height: 32rem;
  font-weight: 400;
  margin: 10rem 0 60rem;
  padding-right: 10rem;
}

.code {
  width: 132rem;
  height: 133rem;
  display: block;
  margin-bottom: 10rem;
  object-fit: scale-down;
}

.footer-btn {
  width: 187rem;
  height: 41rem;
  background-color: #2351af;
  border-radius: 20.5rem;
  font-size: 16rem;
  line-height: 32rem;
  font-weight: 400;
  color: #ffffff;
  padding-left: 26rem;
  cursor: pointer;
}
.footer-btn a {
  /* display: block; */
  width: 100%;
  height: 100%;
  border-radius: 20.5rem;
  color: #ffffff;
}

.comment {
  width: 33rem;
  height: 28rem;
  display: block;
  margin-right: 18rem;
  margin-left: 3rem;
  image-rendering: pixelated;
  backface-visibility: hidden;
}

.address {
  font-size: 16rem;
  line-height: 32rem;
  color: #333333;
  font-weight: 300;
}

.address a {
  font-size: 16rem;
  line-height: 32rem;
  color: #333333;
  font-weight: 300;
}

.address a:hover {
  color: #164cc2;
}

.address-line {
  border-top: 1rem solid #dedede;
  padding-top: 35rem;
  display: flex;
  align-items: center;
}

/* 在线咨询 */
.footer-service-box {
  position: absolute;
  /* width: 200rem;
  height: 200rem; */
  border-radius: 16rem;
  background-color: #fff;
  padding: 15rem;
  top: -195rem;
  right: 50%;
  transform: translateX(50%);
}

.footer-service-box .code {
  /* width: 100%;
  height: 100%; */
  display: block;
  object-fit: scale-down;
}

.footer-service-box .sjx {
  width: 0;
  border: 15rem solid transparent;
  border-top-color: #fff;
  position: absolute;
  bottom: -26rem;
  left: 50%;
  transform: translateX(-50%);
}

/* 在线留言 */
.message-box {
  width: 779.99rem;
  height: 700rem;
  border-radius: 16rem;
  background-color: #fff;
  box-shadow: 0rem 0rem 20rem #e2e6f2;
  padding: 128rem 62rem 42rem 58rem;
  position: relative;
}

.message-box .message-logo {
  width: 532rem;
  height: 122rem;
  display: block;
  position: absolute;
  top: 0rem;
  left: -6rem;
}

.message-box .robot-pic {
  width: 104rem;
  height: 104rem;
  display: block;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  right: 80rem;
}

.message-box .message-bg {
  width: 175rem;
  height: 258rem;
  display: block;
  position: absolute;
  top: 100rem;
  right: 0rem;
}

.message-box .title {
  font-size: 24rem;
  line-height: 30rem;
  color: #333333;
  margin-bottom: 25rem;
}

.message-box .title .txt {
  font-size: 15rem;
  color: #b6b6b6;
}

.message-box .title .line {
  width: 4rem;
  height: 48rem;
  background-color: #f3b64b;
  border-radius: 2rem;
  margin-right: 10rem;
  margin-top: -5rem;
}

.message-box .tip {
  font-size: 16rem;
  line-height: 36rem;
  color: #333333;
}

.message-box input::placeholder {
  color: #898b8f;
  font-size: 18rem;
}

.message-box input {
  /* width: calc((100% - 25rem) / 2); */
  width: 100%;
  height: 52rem;
  border-radius: 8rem;
  color: #333;
  font-size: 18rem;
  background-color: rgba(22, 76, 194, 0.08);
  padding-left: 16rem;
}

.message-box .chose-box {
  width: calc((100% - 25rem) / 2);
  height: 52rem;
  border-radius: 8rem;
  font-size: 18rem;
  color: #333;
  background-color: rgba(22, 76, 194, 0.08);
  padding: 0 20rem 0 25rem;
}

.message-box .chose-box .arrow-right {
  width: 16rem;
  height: 9rem;
  display: block;
}

.message-box textarea {
  width: 100%;
  height: 130rem;
  border-radius: 8rem;
  font-size: 18rem;
  color: #000;
  background-color: rgba(22, 76, 194, 0.08);
  padding: 13rem 20rem 17rem 15rem;
  resize: none;
  outline: none;
  box-sizing: border-box;
  margin-top: 15rem;
}

.message-box textarea::placeholder {
  color: #898b8f;
  /* font-weight: 550; */
}

.message-box .btn {
  width: 180rem;
  height: 52rem;
  border-radius: 8rem;
  font-size: 20rem;
  color: #fff;
  background-color: #164cc2;
  line-height: 52rem;
  margin: 20rem auto;
  cursor: pointer;
  justify-content: center !important;
}
.message-box .btn div {
  width: 100%;
  height: 100%;
  border-radius: 8rem;
}
@media only screen and (max-width: 500px) {
  #message-box{
    background-color: rgba(0, 0, 0, 0.8);
  }
  .message-box {
    width: 90%;
    height: 350rem;
    border-radius: 12rem;
    background-color: #fff;
    box-shadow: 0rem 0rem 20rem #e2e6f2;
    padding: 20rem;
    position: relative;
  }
  .message-box .message-logo {
    width: 100%;
    height: 61rem;
    display: block;
    position: absolute;
    top: 0rem;
    left: -6rem;
  }
  .message-box .message-bg {
    width: 82rem;
    height: 129rem;
    display: block;
    position: absolute;
    top: 50rem;
    right: 0rem;
  }
  .message-box .robot-pic {
    width: 52rem;
    height: 52rem;
    display: block;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    right: 80rem;
  }

  .message-box .title {
    font-size: 16rem;
    line-height: 20rem;
    color: #333333;
    margin-bottom: 12rem;
  }

  .message-box .title .txt {
    font-size: 12rem;
    color: #b6b6b6;
  }

  .message-box .title .line {
    width: 2rem;
    height: 36rem;
    background-color: #f3b64b;
    border-radius: 2rem;
    margin-right: 10rem;
    margin-top: -5rem;
  }

  .message-box .tip {
    font-size: 12rem;
    line-height: 18rem;
    color: #333333;
  }

  .message-box input::placeholder {
    color: #898b8f;
    font-size: 12rem;
  }

  .message-box input {
    /* width: calc((100% - 25rem) / 2); */
    width: 100%;
    height: 26rem;
    border-radius: 4rem;
    color: #333;
    font-size: 12rem;
    background-color: rgba(22, 76, 194, 0.08);
    padding-left: 8rem;
  }

  .message-box .chose-box {
    width: calc((100% - 25rem) / 2);
    height: 26rem;
    border-radius: 8rem;
    font-size: 12rem;
    color: #333;
    background-color: rgba(22, 76, 194, 0.08);
    padding: 0 10rem 0 12rem;
  }

  .message-box .chose-box .arrow-right {
    width: 8rem;
    height: 4rem;
    display: block;
  }

  .message-box textarea {
    width: 100%;
    height: 65rem;
    border-radius: 4rem;
    font-size: 12rem;
    color: #000;
    background-color: rgba(22, 76, 194, 0.08);
    padding: 10rem;
    resize: none;
    outline: none;
    box-sizing: border-box;
    margin-top: 7rem;
  }

  .message-box textarea::placeholder {
    color: #898b8f;
    /* font-weight: 550; */
  }

  .message-box .btn {
    width: 90rem;
    height: 26rem;
    border-radius: 4rem;
    font-size: 16rem;
    color: #fff;
    background-color: #164cc2;
    line-height: 26rem;
    margin: 10rem auto;
    cursor: pointer;
    justify-content: center !important;
  }
  .message-box .btn div {
    width: 100%;
    height: 100%;
    border-radius: 8rem;
  }
}