@charset "UTF-8";
html {
  font-size: 10px;
  overflow-x: hidden;
}

div {
  box-sizing: border-box;
}

body {
  font-size: 1.6rem; /* 相当于16px */
  padding-top: env(safe-area-inset-top);
  /* 自适应顶部安全区域 */
  padding-bottom: env(safe-area-inset-bottom);
  /* 自适应底部安全区域 */
  padding-left: env(safe-area-inset-left);
  /* 自适应左侧安全区域 */
  padding-right: env(safe-area-inset-right);
  /* 自适应右侧安全区域 */
  background: #F6F6FF;
  overflow-x: hidden;
}
body .indexBg {
  width: 32rem;
  height: 34.13rem;
}
body .dh, body .kf {
  width: 4.27rem;
  height: 4.27rem;
  position: fixed;
  right: 1.15rem;
  top: 26.54rem;
  z-index: 1;
}
body .kf {
  top: 31.74rem;
}
body .model {
  margin-top: 0.6rem;
  display: flex;
  position: relative;
}
body .model .centBg2 {
  position: absolute;
  z-index: -1;
  width: 22.1rem;
  height: 25.51rem;
  right: 0;
  top: -7.25rem;
}
body .model .modelBorder {
  width: 0.43rem;
  height: 1.28rem;
  background: #4c54e6;
  border-radius: 0rem 0.26rem 0.26rem 0rem;
}
body .model .modelCent {
  margin-left: 0.85rem;
}
body .model .modelCent .modelTitle {
  height: 2.13rem;
  font-size: 1.54rem;
  font-weight: bold;
  color: #373844;
  line-height: 2.13rem;
}
body .model .modelCent .modelText {
  height: 1.32rem;
  font-size: 0.94rem;
  font-weight: 400;
  color: #b1b3d1;
  line-height: 1.32rem;
}
body .centBg1 {
  margin-top: 0.38rem;
  margin-left: 0.85rem;
  width: 30.29rem;
  height: 38.49rem;
}
body .industry {
  margin: 0.85rem 1.28rem 1.28rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem 0.42rem;
}
body .industry .industryItem {
  width: 5.55rem;
  height: 5.55rem;
  background: #ffffff;
  border-radius: 0.43rem;
  box-shadow: 0rem 0.09rem 0.26rem 0.09rem rgba(11, 14, 60, 0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
}
body .industry .industryItem .industryImg {
  margin-top: 1.07rem;
  width: 1.71rem;
  height: 1.71rem;
}
body .industry .industryItem .industryText {
  margin-top: 0.43rem;
  width: 100%;
  text-align: center;
  height: 1.32rem;
  font-size: 0.94rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.32rem;
}
body .btn {
  margin: 0 1.28rem 2.56rem;
  width: 29.44rem;
  height: 3.84rem;
  background: linear-gradient(90deg, #4a53e6, #da80de 100%);
  border-radius: 0.43rem;
  text-align: center;
  line-height: 3.84rem;
  font-size: 1.28rem;
  color: #ffffff;
}
body .advantage {
  margin: 0.85rem 1.28rem 2.56rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem 0;
  position: relative;
}
body .advantage .advantageItem {
  padding-left: 1.28rem;
  padding-top: 1.32rem;
  padding-bottom: 1.32rem;
  width: 29.44rem;
  min-height: 6.83rem;
  background: #ffffff;
  border-radius: 0.43rem;
  box-shadow: 0rem 0.04rem 0.43rem 0rem rgba(66, 66, 80, 0.2);
  display: flex;
  align-items: center;
}
body .advantage .advantageItem .advantageImg {
  width: 3.41rem;
  height: 3.41rem;
}
body .advantage .advantageItem .right {
  margin-left: 1.28rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body .advantage .advantageItem .right .topTitle {
  height: 1.79rem;
  font-size: 1.28rem;
  font-weight: bold;
  color: #373844;
  line-height: 1.79rem;
}
body .advantage .advantageItem .right .topText {
  lin-height: 1.54rem;
  font-size: 1.11rem;
  font-weight: 400;
  color: #7d7e8a;
  line-height: 1.54rem;
}
body .advantage .advantageBg {
  position: absolute;
  bottom: -2.56rem;
  left: -1.28rem;
  z-index: -1;
  width: 32rem;
  height: 17.92rem;
}
body .programme {
  margin-top: 3.84rem;
  width: 100%;
  margin-bottom: 2.56rem;
}
body .programme .programmeTitle {
  width: 100%;
  text-align: center;
  height: 1.92rem;
  font-size: 1.37rem;
  font-weight: 400;
  color: #373844;
  line-height: 1.92rem;
}
body .programme .programmeText {
  margin-top: 0.43rem;
  width: 100%;
  text-align: center;
  height: 1.54rem;
  font-size: 1.11rem;
  font-weight: 400;
  color: #7d7e8a;
  line-height: 1.54rem;
}
body .programme .programmeList {
  margin-top: 1.28rem;
  width: 100%;
  padding: 0 1.28rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 1.27rem;
}
body .programme .programmeList .programmeItem {
  display: flex;
  flex-direction: column;
  width: 14.08rem;
  height: 18.77rem;
  background: #ffffff;
  border-radius: 0.43rem;
  box-shadow: 0rem 0.04rem 0.43rem 0rem rgba(66, 66, 80, 0.2);
  overflow: hidden;
}
body .programme .programmeList .programmeItem .topImg {
  width: 14.08rem;
  height: 8.53rem;
}
body .programme .programmeList .programmeItem .itemTitle {
  margin-top: 0.85rem;
  width: 100%;
  padding: 0 0.85rem;
  height: 1.79rem;
  font-size: 1.28rem;
  font-weight: 400;
  color: #373844;
  line-height: 1.79rem;
}
body .programme .programmeList .programmeItem .itemText {
  margin-top: 0.43rem;
  width: 100%;
  padding: 0 0.85rem;
  font-size: 1.02rem;
  font-weight: 400;
  color: #7d7e8a;
  line-height: 1.45rem;
}
body .programme .programmeList .programmeItem .right {
  margin: auto auto 0.85rem 0.85rem;
  width: 1.71rem;
  height: 1.71rem;
}
body .elegance {
  margin: 0.85rem 1.28rem 2.56rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem 0;
}
body .elegance .eleganceItem {
  height: 10rem;
  background: #ffffff;
  border-radius: 0.43rem;
  box-shadow: 0rem 0.04rem 0.43rem 0rem rgba(66, 66, 80, 0.2);
  padding: 0 0.85rem;
  display: flex;
}
body .elegance .eleganceItem .img {
  height: 10.24rem;
}
body .elegance .eleganceItem .right {
  margin-top: 1.28rem;
  margin-left: 0.85rem;
}
body .elegance .eleganceItem .right .name {
  height: 1.92rem;
  font-size: 1.37rem;
  font-weight: 400;
  color: #373844;
  line-height: 1.92rem;
}
body .elegance .eleganceItem .right .info {
  margin-top: 0.43rem;
  width: 20rem;
  font-size: 1.11rem;
  font-weight: 400;
  color: rgba(102, 102, 103, 0.84);
  line-height: 1.28rem;
  display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
  -webkit-box-orient: vertical; /* 垂直排列 */
  -webkit-line-clamp: 4; /* 限制显示两行 */
  overflow: hidden; /* 隐藏超出范围的内容 */
  text-overflow: ellipsis; /* 使用省略号 */
}
body .service {
  margin-top: 0.85rem;
  margin-bottom: 2.56rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem 0;
  padding: 0 1.28rem;
}
body .service .serviceItem {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 1.32rem 1.28rem;
  width: 29.44rem;
  height: 6.83rem;
  background: #ffffff;
  border-radius: 0.43rem;
  box-shadow: 0rem 0.04rem 0.43rem 0rem rgba(66, 66, 80, 0.2);
}
body .service .serviceItem .itemTop {
  display: flex;
  align-items: center;
}
body .service .serviceItem .itemTop .topIcon {
  width: 1.71rem;
  height: 1.71rem;
}
body .service .serviceItem .itemTop .topTitle {
  margin-left: 0.85rem;
  height: 1.79rem;
  font-size: 1.28rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.79rem;
}
body .service .serviceItem .itemText {
  margin-top: 0.85rem;
  height: 1.54rem;
  font-size: 1.11rem;
  font-weight: 400;
  color: #666666;
  line-height: 1.54rem;
}
body .tabs {
  margin-top: 0.85rem;
  display: flex;
  width: 100%;
  padding: 0 1.28rem;
  justify-content: space-between;
}
body .tabs .tab {
  width: 9.39rem;
  height: 3.41rem;
  background: #ffffff;
  border-radius: 0.43rem;
  box-shadow: 0rem 0.04rem 0.43rem 0rem rgba(66, 66, 80, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.37rem;
  color: #666666;
}
body .tabs .active {
  background: #4c54e6;
  color: #ffffff;
}
body .content {
  margin: 0.85rem 1.28rem 2.56rem;
  width: 29.44rem;
  min-height: 24.32rem;
  background: #ffffff;
  border-radius: 0.43rem;
  box-shadow: 0rem 0.04rem 0.43rem 0rem rgba(66, 66, 80, 0.2);
  display: none;
}
body .content .centImg {
  width: 29.44rem;
  height: 14.72rem;
}
body .content .centBot {
  margin-top: 0.85rem;
  padding: 0 0.85rem;
}
body .content .centBot .botTop {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
body .content .centBot .botTop .botTitle {
  height: 1.79rem;
  font-size: 1.28rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.79rem;
}
body .content .centBot .botTop .botTime {
  height: 1.45rem;
  font-size: 1.02rem;
  font-weight: 400;
  color: #999999;
  line-height: 1.45rem;
}
body .content .centBot .centText {
  margin-top: 0.85rem;
  width: 100%;
  height: 1.45rem;
  font-size: 1.02rem;
  font-weight: 400;
  color: #666666;
  line-height: 1.45rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body .content .centBot .botBot {
  display: flex;
  align-items: center;
  margin-top: 1.28rem;
}
body .content .centBot .botBot .botText {
  height: 1.79rem;
  font-size: 1.28rem;
  font-weight: 400;
  text-decoration: underline;
  color: #4c54e6;
  line-height: 1.79rem;
}
body .content .centBot .botBot .right {
  margin-left: 0.42rem;
  width: 1.28rem;
  height: 1.28rem;
}
body .show {
  display: block;
}
body .indexBot {
  width: 32rem;
  height: 6.83rem;
  position: relative;
  padding-top: 1.28rem;
  margin-bottom: 2.56rem;
}
body .indexBot .botTitle {
  width: 100%;
  height: 1.92rem;
  font-size: 1.37rem;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  line-height: 1.92rem;
}
body .indexBot .botText {
  margin-top: 0.85rem;
  width: 100%;
  height: 1.54rem;
  font-size: 1.11rem;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 1.54rem;
}
body .indexBot .textBg {
  width: 32rem;
  height: 6.83rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
body .form {
  margin: 0.85rem 1.28rem 1.71rem;
  width: 29.44rem;
  height: 28.16rem;
  background: #ffffff;
  border-radius: 0.43rem;
  box-shadow: 0rem 0.04rem 0.43rem 0rem rgba(66, 66, 80, 0.2);
  padding: 1.28rem 0.85rem 1.54rem;
}
body .form .label {
  display: flex;
  align-items: center;
}
body .form .label .labelTitle {
  height: 1.79rem;
  font-size: 1.28rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.79rem;
}
body .form .label .labelImg {
  margin-left: 0.43rem;
  width: 0.6rem;
  height: 0.6rem;
}
body .form .inp {
  box-sizing: border-box;
  border: none;
  padding-left: 1.28rem;
  margin-top: 0.68rem;
  width: 27.73rem;
  height: 3.41rem;
  background: #f6f6ff;
  border-radius: 0.43rem;
  font-size: 1.28rem;
  margin-bottom: 1.28rem;
}
body .form .inp:last-child {
  margin-bottom: 1.71rem;
}
body .addressDiv {
  margin: 0.85rem 1.28rem 1.71rem;
}
body .addressDiv .usPhone, body .addressDiv .usAddress {
  display: flex;
  align-items: center;
  height: 1.54rem;
  font-size: 1.11rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.54rem;
}
body .addressDiv .usPhone span, body .addressDiv .usAddress span {
  margin-left: 0.43rem;
}
body #container {
  /*地图(容器)显示大小*/
  width: 29.44rem;
  height: 12.8rem;
  box-shadow: 0rem 0rem 0.43rem 0.04rem rgba(39, 40, 45, 0.1);
  margin-top: 0.85rem;
}

.toCall {
  display: none;
  position: absolute;
  z-index: 5;
  height: 130%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
}
.toCall .pop1 {
  position: absolute;
  left: 5.33rem;
  top: 15rem;
  width: 21.33rem;
  height: 21.33rem;
  background: #ffffff;
  border-radius: 0.85rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.toCall .pop1 .pop1Title {
  width: 21.33rem;
  height: 3.41rem;
  background: #4c54e6;
  border-radius: 0.85rem 0.85rem 0rem 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.37rem;
  color: #ffffff;
  font-weight: bold;
}
.toCall .pop1 .pop1Img {
  margin-top: 1.71rem;
  width: 11.09rem;
  height: 11.09rem;
}
.toCall .pop1 .pop1Text {
  margin-top: 0.85rem;
  height: 1.79rem;
  font-size: 1.28rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.79rem;
}
.toCall .pop2 {
  position: absolute;
  left: 5.33rem;
  top: 39.27rem;
  width: 21.33rem;
  height: 10.24rem;
  background: #ffffff;
  border-radius: 0.85rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.toCall .pop2 .pop2Title {
  width: 21.33rem;
  height: 3.41rem;
  background: #4c54e6;
  border-radius: 0.85rem 0.85rem 0rem 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.37rem;
  color: #ffffff;
  font-weight: bold;
}
.toCall .pop2 .pop2Text {
  margin-top: 2.43rem;
  height: 1.92rem;
  font-size: 1.37rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.92rem;
}

/*# sourceMappingURL=app_index.css.map */