/* kaishi */
.headerbox {
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 50%;
  background-image: url(../image/contact/banner.png);
}
.header {
  width: 100%;
  margin: auto;
  max-width: 1430px;
  padding: 80px 50px;
  padding-bottom: 130px;
  opacity: 1;
}
.headerli {
  margin-top: 90px;
  color: #007dfc;
  margin-bottom: 24px;
  font-size: 17px;
  text-align: center;
}
.headertitle {
  font-size: 51px;
  color: #0b0c1b;
  text-align: center;
  font-weight: 600;
  margin-bottom: 24px;
}

.headerremake {
  font-size: 17px;
  text-align: center;
  color: #5a5c76;
  line-height: 1.8;
}
.headermotext,
.headertext {
  font-size: 17px;
  color: #939db8;
  line-height: 1.8;
  margin-top: 12px;
}
.headermotext span,
.headertext span,
.headerrightremake span {
  color: #007dfc;
}
.headermorebox {
  display: flex;
}
.headermore {
  display: flex;
  cursor: pointer;
  width: 136px;
  white-space: nowrap;
  flex-shrink: 0;
  text-align: center;
  border-radius: 48px;
  padding: 8px 12px 8px 16px;
  background-color: #0b0c1b;
}
.headermoretext {
  font-size: 13px;
  margin-left: 5px;
  line-height: 20.8px;
  color: #fff;
}
.headermoreimg {
  display: flex;
  align-items: center;
}
.headermoreline {
  width: 0px;
  margin-left: 5px;
  height: 16px;
  transition: all 0.3s;
  transition-timing-function: linear;
}
.headermorearrow {
  margin-left: -5px;
  width: 16px;
  height: 16px;
  transition: all 0.3s;
  transition-timing-function: linear;
}
.headermore:hover .headermoreline {
  width: 16px;
}
.headermore:hover .headermorearrow {
  margin-left: -16px;
}
.headermore1 {
  background-color: transparent;
  margin-left: 12px;
}
.headermore1 > .headermoretext {
  color: #0b0c1b;
}
.headerright {
  margin-top: 34px;
}

.headerrightitem {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.068);
  align-items: center;
  border-radius: 10px;
  padding: 32px;
  margin-top: 30px;
  background-color: #f7f9fc;
}
.headerrightitem1 {
  display: flex;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.068);
  align-items: flex-end;
  justify-content: center;
  border-radius: 10px;
  margin-top: 30px;
  padding: 32px;
  background-color: #f7f9fc;
}
.headerrightitemtext {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.headerrighttitle {
  font-size: 20px;
  color: #0b0c1b;
  font-weight: 600;
  margin-bottom: 16px;
}
.headerrightremake {
  font-size: 15px;
  color: #5a5c76;
  text-align: center;
  margin-bottom: 24px;
  line-height: 1.8;
}
.headermorelong {
  width: 186px;
}
.headerrightcon {
  border-radius: 10px;
  background-color: #f7f9fc;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.068);
  /* border: 1px solid #e6e6e6; */
  padding: 32px;
  margin-top: 30px;
}
.headerrightcontitle {
  font-size: 15px;
  color: #0b0c1b;
  line-height: 1;
  height: 19px;
  margin-bottom: 8px;
}
.headerrightcontitle img {
  width: 15px;
  margin-right: 8px;
  margin-bottom: 4px;
}
.headerrightconremake {
  font-size: 13px;
  color: #5a5c76;
  line-height: 1.8;
  margin-bottom: 12px;
}

.headerbig {
  font-size: 24px;
  font-weight: 600;
  color: #0b0c1b;
  text-align: center;
  margin-top: 64px;
  margin-bottom: 18px;
}
.headerrightcon .headermoretext {
  color: #0b0c1b;
  margin-left: 0;
}
.headerrightcon .headermore {
  background-color: transparent;
  padding: 0;
}
.headerrightitemimg {
  /* text-align: center; */
  margin-bottom: 24px;
}
.headerrightitemimg img {
  width: 32px;
}
.headerrightitemqvtitle {
  font-size: 13px;
  color: #0b0c1b;
  font-weight: 600;
  margin-bottom: 12px;
}
.headerrightitemqvimg img {
  border-radius: 4px;
  width: 100px;
  background-color: #fff;
  padding: 4px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
/* !----------------------------------------------------------------------------------------------------------- */
.adress {
  width: 100%;
  margin: auto;
  max-width: 1430px;
  padding: 80px 50px;
}
.adresstitle {
  color: #0b0c1b;
  font-size: 32px;
  font-weight: 600;
}
.adressremake {
  font-size: 17px;
  color: #5a5c76;
  line-height: 30px;
  margin-top: 24px;
  margin-bottom: 34px;
}
.adressconbig {
  font-size: 20px;
  margin-bottom: 12px;
  margin-top: 30px;

  color: #0b0c1b;
  height: 30px;
}
.adresscontitle {
  font-size: 15px;
  color: #5a5c76;
  line-height: 1.8;
}
.adressconremake {
  margin-top: 12px;
  font-size: 15px;
  color: #0b0c1b;
  line-height: 1.8;
}
.adressconbig img {
  height: 30px;
}
/* !---------------------------------------------------------------------------------------- */

@media only screen and (min-width: 976px) and (max-width: 1175px) {
  .headerrightconremake {
    min-height: 46.7px;
  }
  .adressconremake br,
  .headerrightremake br {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 975px) {
}
@media only screen and (min-width: 576px) and (max-width: 769px) {
}
@media only screen and (max-width: 575px) {
  .header,
  .adress {
    padding: 60px 20px;
    max-width: 420px;
    width: 100%;
    margin: auto;
  }
  /* 关于对字体的调整 */
  .headertitle {
    font-size: 36px;
  }
  .adresstitle {
    font-size: 26px;
  }

  /* header */
  .headerbox {
    background-size: 250%;
    background-position: top;
  }
  .header {
    height: 100%;
  }
  .headerremake br,
  .vipserconremake br,
  .frameremake br,
  .lastremake br {
    display: none;
  }

  .istoliitem {
    width: calc(100% / 2);
    padding: 24px;
    border-top: 1px solid #ffffff1f;
    border-right: 1px solid #ffffff1f;
    text-align: center;
  }
  .istoliitem:nth-child(2n) {
    border-right: 0;
    margin-right: 0;
  }
}