/* pc样式兼容移动端 */
@media (max-width: 960px) {  
  .w {
    max-width: 202.667vw; /* 1520 × 0.1333 = 202.6664 → 202.667 */
    width: 100%;
    margin: 0 auto;
  }
  
  .w2 {
    max-width: 223.733vw; /* 1678 × 0.1333 = 223.7334 → 223.733 */
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  
  body {
    background: #fefcfa;
    font-family: "Roboto", sans-serif !important;
  }
  
  .nav {
    width: 100%;
    height: 16.000vw; /* 120 × 0.1333 = 16.000 */
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
    transition: all 0.3s;
  }
  
  .nav .w {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .nav .logo {
    width: 25.867vw; /* 194 × 0.1333 = 25.8662 → 25.867 */
    height: 7.067vw; /* 53 × 0.1333 = 7.0649 → 7.067 */
    background-image: url(../images/logobj.svg);
    display: inline-block;
    background-size: contain;
    transition: all 0.3s;
    background-repeat: no-repeat;
  }
  
  .nav_list {
    display: flex;
    font-size: 3.199vw; /* 24 × 0.1333 = 3.1992 → 3.199 */
  }
  
  .nav_list span {
    margin-left: 12.267vw; /* 92 × 0.1333 = 12.2666 → 12.267 */
    position: relative;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
  }
  
  .nav_list span::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0.533vw; /* 4 × 0.1333 = 0.5332 → 0.533 */
    background-color: #ffa227;
    left: 0;
    right: 0;
    bottom: -2.667vw; /* -20 × 0.1333 = -2.666 → -2.667 */
    transition: all 0.3s;
  }
  
  .nav_list span.active::after {
    width: 100%;
  }
  
  .nav_list span.active {
    color: #ffa227;
  }
  
  .nav_list span:hover {
    color: #ffa227;
  }
  
  .active.nav {
    background-color: #fff;
    box-shadow: 0px 0.533vw 4.000vw 0px rgba(17, 88, 168, 0.25); /* 修改阴影参数以适应 vw 单位 */
  }
  
  .active.nav .logo {
    background-image: url(../images/logosss.svg);
  }
  
  .active span {
    color: #333;
  }
  
  .active .nav_list span.active {
    color: #ffa227;
  }
  
  .active .nav_list span:hover {
    color: #ffa227;
  }
  
  .box {
    overflow: hidden;
  }
  
  .box .title {
    color: #474747;
    font-weight: 700;
    font-size: 8.533vw; /* 64 × 0.1333 = 8.5312 → 8.533 */
    text-align: center;
    margin-top: 13.333vw; /* 100 × 0.1333 = 13.330 */
    margin-bottom: 5.332vw; /* 40 × 0.1333 = 5.332 */
  }
  
  .box .title_dec {
    font-weight: 400;
    font-size: 4.266vw; /* 32 × 0.1333 = 4.2656 → 4.266 */
    text-align: center;
    color: #838383;
    margin-bottom: 13.066vw; /* 98 × 0.1333 = 13.0664 → 13.066 */
    margin-top: 4.000vw; /* 30 × 0.1333 = 3.999 → 4.000 */
  }
  
  /* box1 */
  .box1 {
    padding-top: calc(50vh - 46.127vw); /* 346 × 0.1333 = 46.1268 → 46.127 */
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-image: url(../images/banner.png);
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: bottom;
  }
  
  .box1 .w {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .banner_title {
    font-size: 9.600vw; /* 72 × 0.1333 = 9.600 */
    font-weight: 600;
    color: #fff;
  }
  
  .banner_dec {
    font-size: 4.533vw; /* 34 × 0.1333 = 4.5322 → 4.533 */
    font-weight: 400;
    color: #fff;
  }
  
  .banner_dec_m {
    display: none;
  }
  
  .box1 .to_contactUs {
    background: #ffa227;
    color: #fff;
    position: relative;
    top: auto;
    bottom: auto;
    border: 0;
    margin-top: 7.731vw; /* 58 × 0.1333 = 7.7314 → 7.731 */
  }
  
  .box1 .to_contactUs i {
    background-color: #fff;
    background-image: url("../images/icon_right_yellow.png");
  }
  
  .banner_box {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 22.667vw; /* 170 × 0.1333 = 22.667 */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, 0.05);
  }
  
  .banner_box .w {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
  .banner_box .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 36.133vw; /* 271 × 0.1333 = 36.1323 → 36.133 */
  }
  
  .banner_box .item .sp1 {
    color: #fff;
    font-size: 3.199vw; /* 24 × 0.1333 = 3.1992 → 3.199 */
    font-weight: 600;
  }
  
  .banner_box .item .sp2 {
    color: #fff;
    font-size: 2.133vw; /* 16 × 0.1333 = 2.1328 → 2.133 */
    text-align: center;
    margin-top: 1.600vw; /* 12 × 0.1333 = 1.5996 → 1.600 */
  }
  
  /* box2 */
  .box2 {
    width: 100%;
    height: 116.000vw; /* 870 × 0.1333 = 116.000 */
    overflow: hidden;
    background-color: #fff8f2;
  }
  
  .box2 .title {
    margin-top: 10.664vw; /* 80 × 0.1333 = 10.664 */
  }
  
  .box2 .title_dec {
    margin-top: -2.000vw; /* -15 × 0.1333 = -1.9995 → -2.000 */
  }
  
  .box2 .box2_con {
    overflow: hidden;
    background-color: #fff;
  }
  
  .box2 .num_box {
    display: flex;
    justify-content: space-around;
  }
  
  .box2 .num_item {
    width: 22.920vw; /* 172 × 0.1333 = 22.920 */
    height: 35.988vw; /* 270 × 0.1333 = 35.988 */
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .box2 .num_item .num_item_span {
    font-weight: 700;
    font-size: 9.067vw; /* 68 × 0.1333 = 9.0676 → 9.067 */
    text-align: center;
    color: #ffa227;
    margin-top: 10.400vw; /* 78 × 0.1333 = 10.3974 → 10.400 */
    margin-bottom: 2.133vw; /* 16 × 0.1333 = 2.1328 → 2.133 */
  }
  
  .box2 .num_item .num_item_span i {
    font-size: 4.000vw; /* 30 × 0.1333 = 3.999 → 4.000 */
    margin-right: 0.800vw; /* 6 × 0.1333 = 0.7998 → 0.800 */
  }
  
  .box2 .num_item .num_item_p {
    height: 10.664vw; /* 80 × 0.1333 = 10.664 */
    font-weight: 400;
    font-size: 2.133vw; /* 16 × 0.1333 = 2.1328 → 2.133 */
    text-align: center;
    color: #777777;
  }
  
  .box2 p {
    font-weight: 400;
    font-size: 2.133vw; /* 16 × 0.1333 = 2.1328 → 2.133 */
    text-align: center;
    color: #b2b2b2;
    width: 114.667vw; /* 860 × 0.1333 = 114.666 → 114.667 */
    text-align: center;
    margin: auto;
    margin-top: 3.732vw; /* 28 × 0.1333 = 3.7324 → 3.732 */
    margin-bottom: 8.933vw; /* 67 × 0.1333 = 8.9311 → 8.933 */
  }
  /* box3 */
.box3 {
  background: #ffffff;
}

.box3 .title_dec {
  width: 177.733vw; /* 1333 × 0.1333 = 177.73297 → 177.733 */
  color: #474747;
  margin: auto;
  font-size: 3.199vw; /* 24 × 0.1333 = 3.1992 → 3.199 */
  line-height: 5.866vw; /* 44 × 0.1333 = 5.8652 → 5.866 */
}

.box3 .box3_con {
  margin-top: 12.000vw; /* 90 × 0.1333 = 12.000 */
}

.box3 .box3_con_item {
  display: flex;
  margin-bottom: 16.000vw; /* 120 × 0.1333 = 16.000 */
  background: #fefcfa;
}

.box3 .box3_con_item.right {
  flex-direction: row-reverse;
}

.box3_box_video {
  width: 127.733vw; /* 958 × 0.1333 = 127.73254 → 127.733 */
  height: 71.867vw; /* 539 × 0.1333 = 71.86667 → 71.867 */
  background-color: #333;
  border-radius: 6.665vw; /* 50 × 0.1333 = 6.665 */
  overflow: hidden;
}

.box3_box_video #video {
  width: 100%;
  height: 100%;
}

.box3_box_video img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
}

.box3_box_video:hover img {
  transform: scale(1.2);
}

.box3_box_dec {
  flex: 1;
  margin-left: 10.133vw; /* 76 × 0.1333 = 10.1308 → 10.133 */
  position: relative;
}

.box3_dec_title {
  margin-top: 10.664vw; /* 80 × 0.1333 = 10.664 */
  font-weight: 700;
  font-size: 4.266vw; /* 32 × 0.1333 = 4.2656 → 4.266 */
  color: #474747;
}

.box3_dec_txt {
  position: relative;
  font-size: 3.199vw; /* 24 × 0.1333 = 3.1992 → 3.199 */
  font-weight: 400;
  color: #838383;
  width: 53.320vw; /* 400 × 0.1333 = 53.320 */
  margin-top: 2.666vw; /* 20 × 0.1333 = 2.666 */
  line-height: 5.066vw; /* 38 × 0.1333 = 5.0654 → 5.066 */
}

.box3_dec_txt::after {
  content: "";
  position: absolute;
  width: 0.800vw; /* 6 × 0.1333 = 0.7998 → 0.800 */
  height: 0.800vw; /* 6 × 0.1333 = 0.7998 → 0.800 */
  background-color: #838383;
  top: 2.133vw; /* 16 × 0.1333 = 2.1328 → 2.133 */
  left: -2.667vw; /* -20 × 0.1333 = -2.666 → -2.667 */
  border-radius: 50%;
}

.box3_con_item .to_contactUs {
  opacity: 0;
  transition: all 0.3s;
}

.box3_con_item:hover .to_contactUs {
  opacity: 1;
}

/* box4 */
.box4 .title {
  margin-top: 9.067vw; /* 68 × 0.1333 = 9.0664 → 9.067 */
  margin-bottom: 5.332vw; /* 40 × 0.1333 = 5.332 */
}

.box4_con {
  background: #fff;
  height: 59.467vw; /* 446 × 0.1333 = 59.4668 → 59.467 */
  display: flex;
  margin-top: 14.933vw; /* 112 × 0.1333 = 14.9336 → 14.933 */
}

.box4_item {
  flex: 1;
  box-sizing: border-box;
  padding: 0 6.932vw; /* 52 × 0.1333 = 6.9316 → 6.932 */
  cursor: pointer;
  border-right: 1px solid #f0f0f0;
}

.box4_item:nth-child(4) {
  border: 0;
}

.box4_item i {
  display: inline-block;
  width: 8.000vw; /* 60 × 0.1333 = 7.998 → 8.000 */
  height: 7.200vw; /* 54 × 0.1333 = 7.1982 → 7.200 */
  margin-top: 10.000vw; /* 75 × 0.1333 = 10.000 */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/a4_1.png);
  transition: all 0.3s;
}

.box4_item:hover i {
  transform: translateY(-2.667vw); /* -20 × 0.1333 = -2.666 → -2.667 */
}

.box4_item:nth-child(2) i {
  background-image: url(../images/a4_2.png);
}

.box4_item:nth-child(3) i {
  background-image: url(../images/a4_3.png);
}

.box4_item:nth-child(4) i {
  background-image: url(../images/a4_4.png);
}

.box4_item h1 {
  font-weight: 700;
  font-size: 4.266vw; /* 32 × 0.1333 = 4.2656 → 4.266 */
  color: #ffa227;
  margin-top: 2.133vw; /* 16 × 0.1333 = 2.1328 → 2.133 */
}

.box4_item p {
  font-size: 2.400vw; /* 18 × 0.1333 = 2.3994 → 2.400 */
  color: #777777;
  margin-top: 2.933vw; /* 22 × 0.1333 = 2.9326 → 2.933 */
  line-height: 4.000vw; /* 30 × 0.1333 = 3.999 → 4.000 */
}
/* box5 */
.box5 {
  max-width: 212.247vw; /* 1592 × 0.1333 = 212.24664 → 212.247 */
  height: 158.667vw; /* 1190 × 0.1333 = 158.6667 → 158.667 */
  background-image: url(../images/a5_1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: auto;
  padding-top: 1.867vw; /* 14 × 0.1333 = 1.8662 → 1.867 */
  margin-top: 21.333vw; /* 160 × 0.1333 = 21.328 → 21.333 */
}

.box5_con {
  display: flex;
}
.box5_con .w {
  width: 80%;
  max-width: 159.996vw; /* 1200 × 0.1333 = 159.996 → 159.996 */
  display: flex;
  justify-content: space-between;
}
.box5_con_m {
  display: none;
}
.box5 .title {
  margin-bottom: 0;
}

.box5 .title_dec {
  margin-bottom: 9.599vw; /* 72 × 0.1333 = 9.5976 → 9.599 */
}

.box5_box {
  width: 53.320vw; /* 400 × 0.1333 = 53.320 */
  /* flex: 1; */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.box5_box1 {
  padding-left: 3.732vw; /* 28 × 0.1333 = 3.7324 → 3.732 */
}

.box5_box2 {
  padding-left: 4.799vw; /* 36 × 0.1333 = 4.7988 → 4.799 */
}

.box5_box_title {
  width: 100%;
  font-size: 4.266vw; /* 32 × 0.1333 = 4.2656 → 4.266 */
  color: #474747;
  font-weight: 600;
  margin-bottom: 6.799vw; /* 51 × 0.1333 = 6.7983 → 6.799 */
}

.box5_box .item {
  margin-bottom: 4.000vw; /* 30 × 0.1333 = 3.999 → 4.000 */
  position: relative;
  width: 46.653vw; /* 350 × 0.1333 = 46.653 */
}

.box5_box .item span {
  font-size: 3.199vw; /* 24 × 0.1333 = 3.1992 → 3.199 */
  color: #777777;
}

.box5_box .item i {
  position: absolute;
  width: 3.199vw; /* 24 × 0.1333 = 3.1992 → 3.199 */
  height: 3.199vw; /* 24 × 0.1333 = 3.1992 → 3.199 */
  top: 1.200vw; /* 9 × 0.1333 = 1.1997 → 1.200 */
  background-image: url(../images/icon_tip.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: -5.599vw; /* -42 × 0.1333 = -5.5986 → -5.599 */
}

.box5_box .item .sp2 {
  font-size: 2.666vw; /* 20 × 0.1333 = 2.666 */
  color: #b2b2b2;
}

.box5 .to_contactUs {
  background: #ffa227;
  color: #fff;
  position: relative;
  top: auto;
  bottom: auto;
  border: 0;
  margin: auto;
  margin-top: 7.731vw; /* 58 × 0.1333 = 7.7314 → 7.731 */
  left: auto;
}

.box5 .to_contactUs i {
  background-color: #fff;
  background-image: url("../images/icon_right_yellow.png");
}

/* box6 */
.box6 {
  margin-bottom: 13.333vw; /* 100 × 0.1333 = 13.330 */
}

.box6 .title {
  margin-top: 0;
  margin-bottom: 7.865vw; /* 59 × 0.1333 = 7.8647 → 7.865 */
}

.box6 .w {
  display: flex;
  justify-content: space-between;
}

.box6 .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.box6 .item .item_icon {
  width: 17.067vw; /* 128 × 0.1333 = 17.0656 → 17.067 */
  height: 17.067vw; /* 128 × 0.1333 = 17.0656 → 17.067 */
  background-image: url(../images/a6_1.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.box6 .item1 .item_icon {
  background-image: url(../images/a6_1.png);
}

.box6 .item2 .item_icon {
  background-image: url(../images/a6_2.png);
}

.box6 .item3 .item_icon {
  background-image: url(../images/a6_3.png);
}

.box6 .item4 .item_icon {
  background-image: url(../images/a6_4.png);
}

.box6 .item .item_index {
  width: 12.000vw; /* 90 × 0.1333 = 11.997 → 12.000 */
  height: 15.200vw; /* 114 × 0.1333 = 15.200 */
  background-image: url(../images/a6_11.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 1.333vw; /* 10 × 0.1333 = 1.333 */
}

.box6 .item1 .item_index {
  background-image: url(../images/a6_11.png);
}

.box6 .item2 .item_index {
  background-image: url(../images/a6_21.png);
}

.box6 .item3 .item_index {
  background-image: url(../images/a6_31.png);
}

.box6 .item4 .item_index {
  background-image: url(../images/a6_41.png);
}

.box6 .item span {
  font-size: 3.199vw; /* 24 × 0.1333 = 3.1992 → 3.199 */
  color: #474747;
  margin-top: -7.333vw; /* -55 × 0.1333 = -7.3315 → -7.333 */
}
.box6 .item .item_m {
  display: none;
}
.box6 .item_hr {
  width: 39.467vw; /* 296 × 0.1333 = 39.4668 → 39.467 */
  height: 3.732vw; /* 28 × 0.1333 = 3.7324 → 3.732 */
  margin-top: 6.666vw; /* 50 × 0.1333 = 6.665 → 6.666 */
  background-image: url(../images/a6_5.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.box6 .p1 {
  font-size: 3.0vw; /* 24 × 0.1333 = 3.1992 → 3.199 */
  color: #838383;
  text-align: center;
  font-weight: 600;
  margin-top: 8.000vw; /* 60 × 0.1333 = 7.998 → 8.000 */
}

.box6 .p2 {
  font-size: 2.133vw; /* 16 × 0.1333 = 2.1328 → 2.133 */
  color: #828282;
  text-align: center;
  margin-top: 2.666vw; /* 20 × 0.1333 = 2.666 */
  display: flex;
  align-items: center;
  justify-content: center;
}
.box6 .p2_m {
  display: none;
}
.box6 .p2 i {
  display: inline-block;
  width: 0.533vw; /* 4 × 0.1333 = 0.5332 → 0.533 */
  height: 0.533vw; /* 4 × 0.1333 = 0.5332 → 0.533 */
  background: #b2b2b2;
  margin: 0 1.333vw; /* 10 × 0.1333 = 1.333 */
  border-radius: 50%;
}
.box7 {
  height: 202.267vw; /* 1517 × 0.1333 = 202.2661 → 202.267 */
  position: relative;
  background-color: #fff;
}

.box7 .im_1 {
  width: 100%;
  height: 89.867vw; /* 674 × 0.1333 = 89.8662 → 89.867 */
  background-image: url(../images/a7_1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.box7 .concant_box {
  width: 170.800vw; /* 1281 × 0.1333 = 170.7993 → 170.800 */
  height: 123.467vw; /* 926 × 0.1333 = 123.4558 → 123.467 */
  top: 66.799vw; /* 501 × 0.1333 = 66.7983 → 66.799 */
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  border-radius: 6.665vw; /* 50 × 0.1333 = 6.665 */
}

.box7 .form {
  font-size: 3.199vw; /* 24 × 0.1333 = 3.1992 → 3.199 */
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 13.067vw; /* 98 × 0.1333 = 13.0666 → 13.067 */
}

.box7 .form_block {
  width: 66.400vw; /* 498 × 0.1333 = 66.3984 → 66.400 */
  margin-bottom: 4.266vw; /* 32 × 0.1333 = 4.2656 → 4.266 */
  position: relative;
}

.box7 .form_block .lable {
  color: #838383;
  margin-bottom: 2.000vw; /* 15 × 0.1333 = 1.9995 → 2.000 */
}

.box7 .form_block .error {
  color: red;
  font-size: 2.666vw; /* 20 × 0.1333 = 2.666 */
  position: absolute;
  bottom: -3.733vw; /* -28 × 0.1333 = -3.7324 → -3.733 */
  left: 0;
}

.box7 .t_1 {
  font-weight: 400;
  font-size: 8.533vw; /* 64 × 0.1333 = 8.5312 → 8.533 */
  text-align: center;
  color: #fff;
  font-weight: 600;
  margin-top: 12.266vw; /* 92 × 0.1333 = 12.2656 → 12.266 */
}

.box7 .t_2 {
  font-weight: 400;
  font-size: 4.266vw; /* 32 × 0.1333 = 4.2656 → 4.266 */
  text-align: center;
  color: #fff;
  margin-top: 4.933vw; /* 37 × 0.1333 = 4.9321 → 4.933 */
}

.box7 .t1 {
  font-weight: 400;
  font-size: 3.199vw; /* 24 × 0.1333 = 3.1992 → 3.199 */
  text-align: center;
  color: #838383;
  margin-top: 8.799vw; /* 66 × 0.1333 = 8.7978 → 8.799 */
}

.box7 .t2 {
  font-weight: 400;
  font-size: 8.533vw; /* 64 × 0.1333 = 8.5312 → 8.533 */
  text-align: center;
  color: #474747;
  font-weight: 600;
  margin-bottom: 3.733vw; /* 28 × 0.1333 = 3.7324 → 3.733 */
}

.box7 .t3 {
  width: 13.600vw; /* 102 × 0.1333 = 13.5966 → 13.600 */
  height: 0.533vw; /* 4 × 0.1333 = 0.5332 → 0.533 */
  border-radius: 5.333vw; /* 40 × 0.1333 = 5.332 → 5.333 */
  background-color: #ffa227;
  margin: auto;
}

.box7 .concant_box_title {
  margin-bottom: 6.666vw; /* 50 × 0.1333 = 6.665 → 6.666 */
}

.box7 .form_block input {
  width: 100%;
  height: 11.200vw; /* 84 × 0.1333 = 11.1972 → 11.200 */
  border-radius: 1.333vw; /* 10 × 0.1333 = 1.333 */
  border: 0.267vw solid #b2b2b2; /* 2 × 0.1333 = 0.2666 → 0.267 */
  box-sizing: border-box;
  padding: 0 2.666vw; /* 20 × 0.1333 = 2.666 */
}

textarea {
  border: 0.267vw solid #b2b2b2; /* 2 × 0.1333 = 0.2666 → 0.267 */
  box-sizing: border-box;
  padding: 2.666vw; /* 20 × 0.1333 = 2.666 */
  border-radius: 1.333vw; /* 10 × 0.1333 = 1.333 */
}

.box7 .to_contactUs {
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffa227;
  color: #fff;
  border: 0;
}

.box7 .to_contactUs i {
  background-color: #fff;
  background-image: url("../images/icon_right_yellow.png");
}

#donationIntention {
  width: 100%;
}

#donationIntention textarea {
  width: 100%;
  height: 20.800vw; /* 156 × 0.1333 = 20.7948 → 20.800 */
  font-family: "Roboto", sans-serif !important;
}

.box7 .box7_tip {
  position: absolute;
  width: 28.400vw; /* 213 × 0.1333 = 28.3929 → 28.400 */
  height: 6.933vw; /* 52 × 0.1333 = 6.9316 → 6.933 */
  border-radius: 0.800vw; /* 6 × 0.1333 = 0.7998 → 0.800 */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  display: none;
  position: absolute;
}

.box7 .box7_tip > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.box7 .box7_tip i {
  width: 2.666vw; /* 20 × 0.1333 = 2.666 */
  height: 2.666vw; /* 20 × 0.1333 = 2.666 */
  background-size: contain;
  margin-right: 1.333vw; /* 10 × 0.1333 = 1.333 */
  background-repeat: no-repeat;
}

.box7 .box7_tip span {
  color: #414751;
  font-size: 3.199vw; /* 24 × 0.1333 = 3.1992 → 3.199 */
}

.box7 .box7_tip.tip_y {
  border: 0.133vw solid #b7eb8f; /* 1 × 0.1333 = 0.1333 → 0.133 */
  background: #f6ffed;
}

.box7 .box7_tip.tip_y i {
  background-image: url(../images/icon_y.png);
}

.box7 .box7_tip.tip_n i {
  background-image: url(../images/icon_n.png);
}

.box7 .box7_tip.tip_n {
  border: 0.133vw solid #ff5858; /* 1 × 0.1333 = 0.1333 → 0.133 */
  background: #ffeded;
}
.to_contactUs {
  width: 40.532vw; /* 304 × 0.1333 = 40.532 */
  height: 10.667vw; /* 80 × 0.1333 = 10.6667 → 10.667 */
  line-height: 10.667vw; /* 80 × 0.1333 = 10.6667 → 10.667 */
  border-radius: 5.333vw; /* 40 × 0.1333 = 5.333 */
  border: 0.267vw solid #828282; /* 2 × 0.1333 = 0.2666 → 0.267 */
  font-size: 4.266vw; /* 32 × 0.1333 = 4.2656 → 4.266 */
  color: #838383;
  position: absolute;
  padding-left: 6.667vw; /* 50 × 0.1333 = 6.665 → 6.667 */
  box-sizing: border-box;
  left: -2.933vw; /* -22 × 0.1333 = -2.9326 → -2.933 */
  bottom: 10.400vw; /* 78 × 0.1333 = 10.400 */
  cursor: pointer;
  transition: all 0.3s;
  overflow: hidden;
}

.to_contactUs i {
  display: inline-block;
  width: 8.000vw; /* 60 × 0.1333 = 7.998 → 8.000 */
  height: 8.000vw; /* 60 × 0.1333 = 7.998 → 8.000 */
  position: absolute;
  top: 1.333vw; /* 10 × 0.1333 = 1.333 */
  right: 1.333vw; /* 10 × 0.1333 = 1.333 */
  border-width: 0.267vw; /* 2 × 0.1333 = 0.2666 → 0.267 */
  background-color: #ffa227;
  background-image: url(../images/icon_right2.png);
  background-size: 4.000vw 2.933vw; /* 30 × 0.1333 = 3.999, 22 × 0.1333 = 2.9326 → 4.000, 2.933 */
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10.667vw; /* 50 × 0.1333 = 10.6667 → 10.667 */
  transition: all 0.3s;
}

.to_contactUs_y:hover {
  padding-left: 12.000vw; /* 90 × 0.1333 = 11.997 → 12.000 */
  background-color: #fff;
  color: #ffa227;
  border: 0.133vw solid #ffa227; /* 1 × 0.1333 = 0.1333 → 0.133 */
}

.contact_btn:hover {
  padding-left: 16.000vw; /* 120 × 0.1333 = 15.996 → 16.000 */
}

.to_contactUs_y:hover i {
  right: -8.000vw; /* -60 × 0.1333 = -7.998 → -8.000 */
}

.to_contactUs_w:hover {
  padding-left: 12.000vw; /* 90 × 0.1333 = 11.997 → 12.000 */
  background-color: #ffa227;
  color: #fff;
  border: 0.133vw solid #ffa227; /* 1 × 0.1333 = 0.1333 → 0.133 */
}

.to_contactUs_w:hover i {
  right: -8.000vw; /* -60 × 0.1333 = -7.998 → -8.000 */
}

.footer {
  width: 100%;
  height: 34.133vw; /* 256 × 0.1333 = 34.1328 → 34.133 */
  background-color: #f7f7f9;
}

.footer .w {
  width: 144.000vw; /* 1080 × 0.1333 = 144.000 */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer .item > div {
  font-size: 1.600vw; /* 12 × 0.1333 = 1.5996 → 1.600 */
  color: #838383;
  display: flex;
  align-items: center;
  /* justify-content: center; */
}

.footer .item > div span {
  margin-top: 1.333vw; /* 10 × 0.1333 = 1.333 */
}
}