/* 1. 定义自定义字体：针对OTF格式 */
        @font-face {
            /* 自定义字体名称（后续用这个名字调用，可自定义，比如“DouyinSansBold”） */
            font-family: 'DouyinSansBold';
            /* 字体文件路径：根据你的实际存放位置调整（这里对应上面的项目结构） */
            src: url('../DouyinSansBold_zitidi.com.otf') format('opentype');
            /* 关键：该字体是“Bold（粗体）”版本，需指定font-weight为bold，避免样式冲突 */
            font-weight: bold;
            /* 字体样式：正常（无斜体） */
            font-style: normal;
        }

        /* 2. 使用该字体（示例：应用到页面标题和正文） */
        body {
            /* 优先用自定义字体，无兼容时 fallback 到系统粗体（如Arial Bold） */
            font-family: 'DouyinSansBold', Arial, sans-serif;
            /* font-weight: bold;  */
        }


.w {
  max-width: 1520px;
  width: 100%;
  margin: 0 auto;
}

.w2 {
  max-width: 1678px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

body {
  background: #fefcfa;
  font-family: "Roboto", sans-serif !important;
}

.nav {
  width: 100%;
  height: 120px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  transition: all 0.3s;
}
.nav_m{
  display: none;
}
.nav .w {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav .logo {
  width: 194px;
  height: 53px;
  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: 24px;
}

.nav_list span {
  margin-left: 92px;
  position: relative;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s;
}

.nav_list span::after {
  content: "";
  position: absolute;
  width: 0;
  height: 4px;
  background-color: #ffa227;
  left: 0;
  right: 0;
  bottom: -20px;
  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 4px 30px 0px rgba(17, 88, 168, 0.25);
}

.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: 64px;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 40px;
}

.box .title_dec {
  font-weight: 400;
  font-size: 32px;
  text-align: center;
  color: #838383;
  margin-bottom: 98px;
  margin-top: 30px;
}

/* box1 */
.box1 {
  padding-top: calc(50vh - 346px);
  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: 72px;
  font-weight: 600;
  color: #fff;
}

.banner_dec {
  font-size: 34px;
  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: 58px;
}

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

.banner_box {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 170px;
  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: 271px;
}

.banner_box .item .sp1 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}

.banner_box .item .sp2 {
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin-top: 12px;
}

/* box2 */
.box2 {
  width: 100%;
  height: 870px;
  overflow: hidden;
  background-color: #fff8f2;
}

.box2 .title {
  margin-top: 80px;
}

.box2 .title_dec {
  margin-top: -15px;
}

.box2 .box2_con {
  overflow: hidden;
  background-color: #fff;
}

.box2 .num_box {
  display: flex;
  justify-content: space-around;
}

.box2 .num_item {
  width: 172px;
  height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.box2 .num_item .num_item_span {
  font-weight: 700;
  font-size: 68px;
  text-align: center;
  color: #ffa227;
  margin-top: 78px;
  margin-bottom: 16px;
}

.box2 .num_item .num_item_span i {
  font-size: 30px;
  margin-right: 6px;
}

.box2 .num_item .num_item_p {
  height: 80px;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: #777777;
}

.box2 p {
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: #b2b2b2;
  width: 860px;
  text-align: center;
  margin: auto;
  margin-top: 28px;
  margin-bottom: 67px;
}

/* box3 */
.box3 {
  background: #ffffff;
}

.box3 .title_dec {
  width: 1333px;
  color: #474747;
  margin: auto;
  font-size: 24px;
  line-height: 44px;
}

.box3 .box3_con {
  margin-top: 90px;
}

.box3 .box3_con_item {
  display: flex;
  margin-bottom: 120px;
  background: #fefcfa;
}

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

.box3_box_video {
  width: 958px;
  height: 539px;
  background-color: #333;
  border-radius: 50px;
  overflow: hidden;
}

.box3_box_video .videos {
  width: 100%;
  height: 100%;
}
.videos {
  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: 76px;
  position: relative;
}

.box3_dec_title {
  margin-top: 80px;
  font-weight: 700;
  font-size: 32px;
  color: #474747;
}

.box3_dec_txt {
  position: relative;
  font-size: 24px;
  font-weight: 400;
  color: #838383;
  width: 400px;
  margin-top: 20px;
  line-height: 38px;
}

.box3_dec_txt::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #838383;
  top: 16px;
  left: -20px;
  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: 68px;
  margin-bottom: 40px;
}

.box4_con {
  background: #fff;
  height: 446px;
  display: flex;
  margin-top: 112px;
}

.box4_item {
  flex: 1;
  box-sizing: border-box;
  padding: 0 52px;
  cursor: pointer;
  border-right: 1px solid #f0f0f0;
}

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

.box4_item i {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-top: 75px;
  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(-20px);
}

.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: 32px;
  color: #ffa227;
  margin-top: 16px;
}

.box4_item p {
  font-size: 18px;
  color: #777777;
  margin-top: 22px;
  line-height: 30px;
}

/* box5 */
.box5 {
  max-width: 1592px;
  height: 1190px;
  background-image: url(../images/a5_1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: auto;
  padding-top: 14px;
  margin-top: 160px;
}

.box5_con {
  display: flex;
}
.box5_con .w {
  width: 80%;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
}
.box5_con_m {
  display: none;
}
.box5 .title {
  margin-bottom: 0;
}

.box5 .title_dec {
  margin-bottom: 72px;
}

.box5_box {
  width: 400px;
  /* flex: 1; */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.box5_box1 {
  padding-left: 28px;
}

.box5_box2 {
  padding-left: 36px;
}

.box5_box_title {
  width: 100%;
  font-size: 32px;
  color: #474747;
  font-weight: 600;
  margin-bottom: 51px;
}

.box5_box .item {
  margin-bottom: 30px;
  position: relative;
  width: 350px;
}

.box5_box .item span {
  font-size: 24px;
  color: #777777;
  /* line-height: 1.563vw; */
}

.box5_box .item i {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 9px;
  background-image: url(../images/icon_tip.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: -42px;
}

.box5_box .item .sp2 {
  font-size: 20px;
  color: #b2b2b2;
}

.box5 .to_contactUs {
  background: #ffa227;
  color: #fff;
  position: relative;
  top: auto;
  bottom: auto;
  border: 0;
  margin: auto;
  margin-top: 58px;
  left: auto;
}

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

/* box6 */
.box6 {
  margin-bottom: 100px;
}

.box6 .title {
  margin-top: 0;
  margin-bottom: 59px;
}

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

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

.box6 .item .item_icon {
  width: 128px;
  height: 128px;
  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: 90px;
  height: 114px;
  background-image: url(../images/a6_11.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 10px;
}

.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: 24px;
  color: #474747;
  margin-top: -55px;
  position: absolute;
  width: 155px;
  bottom: -20px;
  text-align: center;
  /* position: absolute; */
  width: 11.25vw;
    /* bottom: -36px; */
  text-align: center;
  
}
.box6 .item .item_m {
  display: none;
}
.box6 .item_hr {
  width: 296px;
  height: 28px;
  margin-top: 50px;
  background-image: url(../images/a6_5.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.box6 .p1 {
  font-size: 20px;
  color: #838383;
  text-align: center;
  font-weight: 600;
  margin-top: 60px;
  margin-top: 6vw;

}

.box6 .p2 {
  font-size: 16px;
  color: #828282;
  text-align: center;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box6 .p2_m {
  display: none;
}
.box6 .p2 i {
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #b2b2b2;
  margin: 0 10px;
  border-radius: 50%;
}

.box7 {
  height: 1517px;
  position: relative;
  background-color: #fff;
}

.box7 .im_1 {
  width: 100%;
  height: 674px;
  background-image: url(../images/a7_1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.box7 .concant_box {
  width: 1281px;
  height: 926px;
  top: 501px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  border-radius: 50px;
}

.box7 .form {
  font-size: 24px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 98px;
}

.box7 .form_block {
  width: 498px;
  margin-bottom: 32px;
  position: relative;
}

.box7 .form_block .lable {
  color: #838383;
  margin-bottom: 15px;
}

.box7 .form_block .error {
  color: red;
  font-size: 20px;
  position: absolute;
  bottom: -28px;
  left: 0;
}

.box7 .t_1 {
  font-weight: 400;
  font-size: 64px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  margin-top: 92px;
}

.box7 .t_2 {
  font-weight: 400;
  font-size: 32px;
  text-align: center;
  color: #fff;
  margin-top: 37px;
}

.box7 .t1 {
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  color: #838383;
  margin-top: 66px;
}

.box7 .t2 {
  font-weight: 400;
  font-size: 64px;
  text-align: center;
  color: #474747;
  font-weight: 600;
  margin-bottom: 28px;
}

.box7 .t3 {
  width: 102px;
  height: 4px;
  border-radius: 40px;
  background-color: #ffa227;
  margin: auto;
}

.box7 .concant_box_title {
  margin-bottom: 50px;
}

.box7 .form_block input {
  width: 100%;
  height: 84px;
  border-radius: 10px;
  border: 2px solid #b2b2b2;
  box-sizing: border-box;
  padding: 0 20px;
}

textarea {
  border: 2px solid #b2b2b2;
  box-sizing: border-box;
  padding: 20px 20px;
  border-radius: 10px;
}

.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: 156px;
  font-family: "Roboto", sans-serif !important;
}

.box7 .box7_tip {
  position: absolute;
  width: 213px;
  height: 52px;
  border-radius: 6px;
  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: 20px;
  height: 20px;
  background-size: contain;
  margin-right: 10px;
  background-repeat: no-repeat;
}

.box7 .box7_tip span {
  color: #414751;
  font-size: 24px;
}

.box7 .box7_tip.tip_y {
  border: 1px solid #b7eb8f;
  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: 1px solid #ff5858;
  background: #ffeded;
}

.to_contactUs {
  width: 304px;
  height: 80px;
  line-height: 80px;
  border-radius: 40px;
  border: 2px solid #828282;
  font-size: 32px;
  color: #838383;
  position: absolute;
  padding-left: 50px;
  box-sizing: border-box;
  left: -22px;
  bottom: 78px;
  cursor: pointer;
  transition: all 0.3s;
  overflow: hidden;
  user-select: none;
}

.to_contactUs i {
  display: inline-block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 10px;
  right: 10px;
  border-width: 2px;
  background-color: #ffa227;
  background-image: url(../images/icon_right2.png);
  background-size: 30px 22px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  transition: all 0.3s;
}

.to_contactUs_y:hover {
  padding-left: 90px;
  background-color: #fff;
  color: #ffa227;
  border: 1px solid #ffa227;
}

.contact_btn:hover {
  padding-left: 120px;
}

.to_contactUs_y:hover i {
  right: -60px;
}

.to_contactUs_w:hover {
  padding-left: 90px;
  background-color: #ffa227;
  color: #fff;
  border: 1px solid #ffa227;
}

.to_contactUs_w:hover i {
  right: -60px;
}

.footer {
  width: 100%;
  height: 256px;
  background-color: #f7f7f9;
}

.footer .w {
  width: 1080px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer .item > div {
  font-size: 16px;
  color: #838383;
  display: flex;
  align-items: center;
  /* justify-content: center; */
}

.footer .item > div span {
  margin-top: 10px;
}

@media (max-width: 960px) {
  html {
    /* font-size: calc(100vw / 750); */
    overflow-x: hidden;
  }

  .w {
    max-width: 100%;
  }

  .nav {
    display: none;
  }

  .nav_m {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    height: 13.33vw;
    padding: 0 5.852vw;
    box-sizing: border-box;
    z-index: 111;
  }

  .nav_m.active {
    box-shadow: 0px 0px 0.1333vw 0px #ddd;
    background-color: #fff;
  }

  .nav_m .nav_box {
    width: 88.2446vw;
    height: 92.5102vw;
    border-radius: 3.1992vw;
    display: none;
    position: fixed;
    top: 15.996vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0px 4px 30px 0px rgba(17, 88, 168, 0.25);
  }

  .nav_box .box_m {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 10.2641vw 6.1318vw 3.999vw;
  }

  .nav_m .nav_box .nav_item {
    font-size: 3.999vw;
    height: 10.664vw;
    line-height: 10.664vw;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 1.8662vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #838383;
  }
  .active span {
    color: #838383;
  }
  .nav_m .nav_box .nav_item:last-child {
    border: 0;
  }
  .nav_m .nav_box i {
    width: 2.666vw;
    height: 2.666vw;
    background-size: cover;
    background-image: url(../images/icon_right.png);
  }

  .nav_m .nav_box .active.nav_item span {
    color: #ffa227;
  }

  .nav_block {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .nav_block .logo {
    width: 32.2586vw;
    height: 7.7314vw;
    background-size: contain;
    background-image: url(../images/logobj.svg);
    background-repeat: no-repeat;
  }

  .nav_block .menu_icon {
    width: 3.999vw;
    height: 3.999vw;
    background-position: center;
    background-size: cover;
    background-image: url("../images/icon_menu.png");
    background-repeat: no-repeat;
  }

  .nav_block .menu_icon.close {
    background-size: 3.1992vw 1992vw;
    background-image: url("../images/icon_close.png") !important;
  }
  .active .nav_block .menu_icon.close {
    background-image: url("../images/icon_close_ad.png") !important;
  }
  .active .nav_block .logo {
    background-image: url(../images/logosss.svg);
  }

  .active .nav_block .menu_icon {
    background-image: url(../images/icon_menu_ed.png);
  }

  .box .title {
    color: #474747;
    font-weight: 700;
    font-size: 8.531vw; /* 64 × 0.1333 = 8.5312 → 8.531 */
    text-align: center;
    margin-top: 13.33vw; /* 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.063vw; /* 98 × 0.1333 = 13.0634 → 13.063 */
    margin-top: 3.999vw; /* 30 × 0.1333 = 3.999 */
}
  .box1 {
    background-image: url("../images/banner_m.png");
  }

  .box1 .banner_box {
    display: none;
  }

  .box1 .w {
    padding: 0 5.332vw; /* 40 × 0.1333 = 5.332 */
    box-sizing: border-box;
    top: -32%;
  }

  .box1 .banner_title1 {
    font-size: 12.53vw; /* 94 × 0.1333 = 12.5302 → 12.530 */
  }

  .box1 .banner_title2 {
    font-size: 7.198vw; /* 54 × 0.1333 = 7.1982 → 7.198 */
  }

  .box1 .banner_dec {
    display: none;
  }

  .box1 .banner_dec_m {
    display: block;
    font-size: 3.999vw; /* 30 × 0.1333 = 3.999 */
    line-height: 160%;
    letter-spacing: 20%;
    color: #fff;
    margin-top: 3.999vw; /* 30 × 0.1333 = 3.999 */
    padding-left: 3.999vw; /* 30 × 0.1333 = 3.999 */
    position: relative;
  }

  .box1 .banner_dec_m::after {
    content: "";
    width: 1.066vw; /* 8 × 0.1333 = 1.0664 → 1.066 */
    background-color: #ffa227;
    height: 9.864vw; /* 74 × 0.1333 = 9.8642 → 9.864 */
    border-radius: 4px;
    position: absolute;
    top: 1.733vw; /* 13 × 0.1333 = 1.7329 → 1.733 */
    left: 0;
  }

  .box1 .to_contactUs {
    left: 0;
    margin-top: 9.064vw; /* 68 × 0.1333 = 9.0644 → 9.064 */
  }

  .box2 {
    height: 170.539vw; /* 1279 × 0.1333 = 170.5387 → 170.539 */
  }

  .box2 .box2_con {
    width: 95.976vw; /* 720 × 0.1333 = 95.976 */
    background: #fffefc;
  }

  .box2 .num_box {
    flex-wrap: wrap;
    background-image: url(../images/a2_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 11.997vw; /* 90 × 0.1333 = 11.997 */
  }

  .box2 .box2_con .num_box .num_item {
    width: 50%;
    justify-content: normal;
  }

  .box2 .num_item {
    height: auto;
  }

  .box2 .num_item .num_item_p {
    font-size: 3.999vw; /* 30 × 0.1333 = 3.999 */
    padding: 0 2.666vw; /* 20 × 0.1333 = 2.666 */
  }

  .box2 .num_item .num_item_p {
    height: auto;
  }

  .box2 p {
    width: 78.114vw; /* 586 × 0.1333 = 78.1138 → 78.114 */
    height: 30.926vw; /* 232 × 0.1333 = 30.9256 → 30.926 */
    line-height: 5.332vw; /* 40 × 0.1333 = 5.332 */
    border-radius: 5.332vw; /* 40 × 0.1333 = 5.332 */
    font-size: 3.199vw; /* 24 × 0.1333 = 3.1992 → 3.199 */
    color: #ffaa7c;
    background-color: rgba(255, 248, 241, 0.6);
    display: flex;
    align-items: center;
    padding: 0 3.999vw; /* 30 × 0.1333 = 3.999 */
    margin-bottom: 3.999vw; /* 30 × 0.1333 = 3.999 */
  }

  .box3 .title_dec {
    color: #838383;
    font-size: 3.999vw; /* 30 × 0.1333 = 3.999 */
    padding: 0 4.266vw; /* 32 × 0.1333 = 4.266 */
    box-sizing: border-box;
    width: 100%;
    line-height: 6.665vw; /* 50 × 0.1333 = 6.665 */
  }

  .box3 .box3_con_item {
    flex-direction: column;
    padding: 0 4.266vw; /* 32 × 0.1333 = 4.266 */
    background: #fff;
  }

  .box3 .box3_box_video {
    width: 100%;
    height: auto;
  }

  .box3 .box3_con_item .to_contactUs {
    display: none;
  }

  .box3 .box3_box_dec {
    margin-left: 5.332vw; /* 40 × 0.1333 = 5.332 */
  }

  .box3 .box3_dec_title {
    margin-top: 5.332vw; /* 40 × 0.1333 = 5.332 */
    font-size: 4.799vw; /* 36 × 0.1333 = 4.7988 → 4.799 */
  }

  .box3 .box3_dec_txt {
    width: 100%;
    font-size: 3.999vw; /* 30 × 0.1333 = 3.999 */
    margin-top: 5.199vw; /* 39 × 0.1333 = 5.1987 → 5.199 */
  }

  .box3 .box3_con_item.right {
    flex-direction: column;
  }

  .box4 .box4_con {
    margin-left: 2.666vw; /* 20 × 0.1333 = 2.666 */
    margin-right: 2.666vw; /* 20 × 0.1333 = 2.666 */
    box-sizing: border-box;
    flex-direction: column;
    height: auto;
    width: auto;
    border-radius: 4.266vw; /* 32 × 0.1333 = 4.266 */
    margin-top: 10.931vw; /* 82 × 0.1333 = 10.9306 → 10.931 */
  }

  .box4 .box4_item {
    position: relative;
    padding-left: 14.663vw; /* 110 × 0.1333 = 14.663 */
    padding-top: 4.266vw; /* 32 × 0.1333 = 4.266 */
    padding-bottom: 4.266vw; /* 32 × 0.1333 = 4.266 */
    border: 0;
    border-bottom: 1px solid #f0f0f0;
  }

  .box4 .box4_item:last-child {
    border: 0;
  }

  .box4 .box4_item i {
    position: absolute;
    margin: 0;
    top: 6.665vw; /* 50 × 0.1333 = 6.665 */
    left: 1.466vw; /* 11 × 0.1333 = 1.4663 → 1.466 */
  }

  .box4_item h1 {
    font-size: 4.532vw; /* 34 × 0.1333 = 4.5322 → 4.532 */
  }

  .box4_item p {
    font-size: 3.732vw; /* 28 × 0.1333 = 3.7324 → 3.732 */
    line-height: 6.4vw; /* 48 × 0.1333 = 6.3984 → 6.400 */
  }

  .box4_item:hover i {
    transform: translateY(0px);
  }

  .box5 {
    height: 264.415vw; /* 1676 × 0.1333 = 223.4148 → 223.415 */
    max-width: 100%;
    background-image: url(../images/a5_1_m.png);
    background-position: center;
  }

  .box5_box {
    width: 100%;
    box-sizing: border-box;
  }

  .box5_box1 {
    padding: 0;
  }

  .box5_box2 {
    padding: 0;
    margin-top: 12.264vw; /* 92 × 0.1333 = 12.2636 → 12.264 */
  }

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

  .box5 .title {
    margin-top: 11.997vw; /* 90 × 0.1333 = 11.997 */
  }

  .box5_box_title {
    font-size: 4.666vw; /* 35 × 0.1333 = 4.6655 → 4.666 */
    text-align: center;
    margin-bottom: 3.599vw; /* 27 × 0.1333 = 3.5991 → 3.599 */
  }

  .box5_box .item {
    margin-bottom: 3.999vw; /* 30 × 0.1333 = 3.999 */
    position: relative;
    padding: 0 0 0 18.365vw; /* 138 × 0.1333 = 18.3654 → 18.365 */
    width: 88%;
  }

  .box5_box .item i {
    position: absolute;
    width: 3.999vw; /* 30 × 0.1333 = 3.999 */
    height: 3.999vw; /* 30 × 0.1333 = 3.999 */
    top: 1.1997vw; /* 9 × 0.1333 = 1.1997 → 1.1997 */
    background-image: url(../images/icon_tip.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: 10.264vw; /* 77 × 0.1333 = 10.2641 → 10.264 */
  }

  .box5_box .item span {
    font-size: 3.999vw; /* 30 × 0.1333 = 3.999 */
  }

  .box5_con_pc {
    display: none;
  }

  .box5_con_m {
    display: flex;
  }

  .box6 .w {
    width: 90.103vw; /* 676 × 0.1333 = 90.1028 → 90.103 */
  }

  .box6 .item_hr {
    background-image: url(../images/a6_5_m.png);
    background-position: center;
    margin-top: 4.666vw; /* 35 × 0.1333 = 4.6655 → 4.666 */
  }

  .box6 .item .item_icon {
    width: 12.797vw; /* 96 × 0.1333 = 12.7968 → 12.797 */
    height: 12.797vw; /* 96 × 0.1333 = 12.7968 → 12.797 */
  }

  .box6 .item .item_index {
    width: 10.131vw; /* 76 × 0.1333 = 10.1308 → 10.131 */
    height: 12.797vw; /* 96 × 0.1333 = 12.7968 → 12.797 */
  }

  .box6 .item .item_pc {
    display: none;

    /* position: absolute; */
  }

  .box6 .item .item_m {
    display: block;
    font-size: 3.732vw; /* 28 × 0.1333 = 3.7324 → 3.732 */
    color: #838383;
    margin-top: -7.731vw; /* -58 × 0.1333 = -7.7314 → -7.731 */
    position: absolute;
    top: 26.66vw; /* 200 × 0.1333 = 26.660 */
    width: 18.662vw; /* 140 × 0.1333 = 18.662 */
  }

  .box6 .item span {
    text-align: center;
  }

  .box6 .p1 {
    margin-top: 10.664vw; /* 80 × 0.1333 = 10.664 */
  }

  .box6 .p2_pc {
    display: none;
  }

  .box6 .p2_m {
    display: block;
    text-align: left;
    padding-left: 2.266vw; /* 17 × 0.1333 = 2.2661 → 2.266 */
    font-size: 2.399vw; /* 18 × 0.1333 = 2.3994 → 2.399 */
  }

  .box6 .p2 i {
    margin-left: 3.999vw; /* 30 × 0.1333 = 3.999 */
    transform: translateY(-0.7998vw); /* -6 × 0.1333 = -0.7998 → -0.7998 */
  }

  .box7 .t_1 {
    font-size: 5.865vw; /* 44 × 0.1333 = 5.8652 → 5.865 */
  }

  .box7 .t_2 {
    font-size: 3.999vw; /* 30 × 0.1333 = 3.999 */
    padding: 0 4.399vw; /* 33 × 0.1333 = 4.3989 → 4.399 */
  }

  .box7 .concant_box {
    width: 95.976vw; /* 720 × 0.1333 = 95.976 */
    top: 54.398vw; /* 408 × 0.1333 = 54.3984 → 54.398 */
  }

  .box7 .form {
    padding: 0 5.332vw; /* 40 × 0.1333 = 5.332 */
  }

  .box7 .form_block {
    width: 100%;
  }

  .box7 {
    height: 237.274vw; /* 1780 × 0.1333 = 237.274 */
  }

  .box7 .to_contactUs {
    bottom: -14.396vw; /* -108 × 0.1333 = -14.3964 → -14.396 */
  }

  .box7 .im_1 {
    height: 68.383vw; /* 513 × 0.1333 = 68.3829 → 68.383 */
    background-image: url(../images/a7_1_m.png);
  }

  .footer {
    height: 73.582vw; /* 552 × 0.1333 = 73.5816 → 73.582 */
  }

  .footer .w {
    width: 100%;
    flex-direction: column-reverse;
  }

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

  .footer .item > div {
    font-size: 3.699vw; /* 24 × 0.1333 = 3.1992 → 3.199 */
    width: 53.32vw; /* 400 × 0.1333 = 53.320 */
  }

  .footer .item:last-child {
    margin-bottom: 6.665vw; /* 50 × 0.1333 = 6.665 */
  }
}
.revers{
  position: relative;
}