@media  screen and (min-width: 960px) and (max-width: 1920px) {  
    .w {
        max-width: 79.1667vw; /* 1520 × 0.0520833333 = 79.16666666 */
        width: 100%;
        margin: 0 auto;
      }
      
      .w2 {
        max-width: 87.3958vw; /* 1678 × 0.0520833333 = 87.39583334 */
        width: 100%;
        margin: 0 auto;
        position: relative;
      }
      
      body {
        background: #fefcfa;
        font-family: "Roboto", sans-serif !important;
      }
      
      .nav {
        width: 100%;
        height: 6.25vw; /* 120 × 0.0520833333 = 6.25 */
        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: 10.1042vw; /* 194 × 0.0520833333 = 10.10416666 */
        height: 2.7604vw; /* 53 × 0.0520833333 = 2.76041666 */
        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: 1.25vw; /* 24 × 0.0520833333 = 1.25 */
      }
      
      .nav_list span {
        margin-left: 4.8056vw; /* 92 × 0.0520833333 = 4.80555556 */
        position: relative;
        color: #fff;
        cursor: pointer;
        transition: all 0.3s;
      }
      
      .nav_list span::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0.2083vw; /* 4 × 0.0520833333 = 0.20833333 */
        background-color: #ffa227;
        left: 0;
        right: 0;
        bottom: -1.0417vw; /* -20 × 0.0520833333 = -1.04166667 */
        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.2083vw 1.5625vw 0px rgba(17, 88, 168, 0.25); /* 4 × 0.0520833333 = 0.20833333, 30 × 0.0520833333 = 1.5625 */
      }
      
      .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: 3.3333vw; /* 64 × 0.0520833333 = 3.33333333 */
        text-align: center;
        margin-top: 5.2083vw; /* 100 × 0.0520833333 = 5.20833333 */
        margin-bottom: 2.0833vw; /* 40 × 0.0520833333 = 2.08333333 */
      }
      
      .box .title_dec {
        font-weight: 400;
        font-size: 1.6667vw; /* 32 × 0.0520833333 = 1.66666667 */
        text-align: center;
        color: #838383;
        margin-bottom: 5.1042vw; /* 98 × 0.0520833333 = 5.10416667 */
        margin-top: 1.5625vw; /* 30 × 0.0520833333 = 1.5625 */
      }
      /* box1 */
.box1 {
    padding-top: calc(50vh - 18.021vw); /* 346 × 0.0520833333 = 18.02083334 */
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-image: url(../images/banner.png);
    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: 3.75vw; /* 72 × 0.0520833333 = 3.75 */
    font-weight: 600;
    color: #fff;
  }
  
  .banner_dec {
    font-size: 1.771vw; /* 34 × 0.0520833333 = 1.77083333 */
    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: 3.021vw; /* 58 × 0.0520833333 = 3.02083333 */
  }
  
  .box1 .to_contactUs i {
    background-color: #fff;
    background-image: url("../images/icon_right_yellow.png");
  }
  
  .banner_box {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 8.854vw; /* 170 × 0.0520833333 = 8.85416667 */
    backdrop-filter: blur(0.521vw); /* 10 × 0.0520833333 = 0.52083333 */
    -webkit-backdrop-filter: blur(0.521vw);
    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: 14.115vw; /* 271 × 0.0520833333 = 14.11458333 */
  }
  
  .banner_box .item .sp1 {
    color: #fff;
    font-size: 1.25vw; /* 24 × 0.0520833333 = 1.25 */
    font-weight: 600;
  }
  
  .banner_box .item .sp2 {
    color: #fff;
    font-size: 0.833vw; /* 16 × 0.0520833333 = 0.83333333 */
    text-align: center;
    margin-top: 0.625vw; /* 12 × 0.0520833333 = 0.625 */
  }
  
  /* box2 */
  .box2 {
    width: 100%;
    height: 45.208vw; /* 870 × 0.0520833333 = 45.20833333 */
    overflow: hidden;
    background-color: #fff8f2;
  }
  
  .box2 .title {
    margin-top: 4.167vw; /* 80 × 0.0520833333 = 4.16666667 */
  }
  
  .box2 .title_dec {
    margin-top: -0.781vw; /* -15 × 0.0520833333 = -0.78125 */
  }
  
  .box2 .box2_con {
    overflow: hidden;
    background-color: #fff;
  }
  
  .box2 .num_box {
    display: flex;
    justify-content: space-around;
  }
  
  .box2 .num_item {
    width: 8.958vw; /* 172 × 0.0520833333 = 8.95833333 */
    height: 14.063vw; /* 270 × 0.0520833333 = 14.0625 */
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .box2 .num_item .num_item_span {
    font-weight: 700;
    font-size: 3.542vw; /* 68 × 0.0520833333 = 3.54166667 */
    text-align: center;
    color: #ffa227;
    margin-top: 4.063vw; /* 78 × 0.0520833333 = 4.0625 */
    margin-bottom: 0.833vw; /* 16 × 0.0520833333 = 0.83333333 */
  }
  
  .box2 .num_item .num_item_span i {
    font-size: 1.563vw; /* 30 × 0.0520833333 = 1.5625 */
    margin-right: 0.313vw; /* 6 × 0.0520833333 = 0.3125 */
  }
  
  .box2 .num_item .num_item_p {
    height: 4.167vw; /* 80 × 0.0520833333 = 4.16666667 */
    font-weight: 400;
    font-size: 0.833vw; /* 16 × 0.0520833333 = 0.83333333 */
    text-align: center;
    color: #777777;
  }
  
  .box2 p {
    font-weight: 400;
    font-size: 0.833vw; /* 16 × 0.0520833333 = 0.83333333 */
    text-align: center;
    color: #b2b2b2;
    width: 44.792vw; /* 860 × 0.0520833333 = 44.79166667 */
    text-align: center;
    margin: auto;
    margin-top: 1.458vw; /* 28 × 0.0520833333 = 1.45833333 */
    margin-bottom: 3.500vw; /* 67 × 0.0520833333 = 3.5 */
  }
  /* box3 */
.box3 {
    background: #ffffff;
  }
  
  .box3 .title_dec {
    width: 69.375vw; /* 1333 × 0.0520833333 = 69.375 */
    color: #474747;
    margin: auto;
    font-size: 1.25vw; /* 24 × 0.0520833333 = 1.25 */
    line-height: 2.292vw; /* 44 × 0.0520833333 = 2.29166667 */
  }
  
  .box3 .box3_con {
    margin-top: 4.688vw; /* 90 × 0.0520833333 = 4.6875 */
  }
  
  .box3 .box3_con_item {
    display: flex;
    margin-bottom: 6.25vw; /* 120 × 0.0520833333 = 6.25 */
    background: #fefcfa;
  }
  
  .box3 .box3_con_item.right {
    flex-direction: row-reverse;
  }
  
  .box3_box_video {
    width: 49.896vw; /* 958 × 0.0520833333 = 49.89583333 */
    height: 28.073vw; /* 539 × 0.0520833333 = 28.07291667 */
    background-color: #333;
    border-radius: 2.604vw; /* 50 × 0.0520833333 = 2.60416667 */
    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: 3.958vw; /* 76 × 0.0520833333 = 3.95833333 */
    position: relative;
  }
  
  .box3_dec_title {
    margin-top: 4.167vw; /* 80 × 0.0520833333 = 4.16666667 */
    font-weight: 700;
    font-size: 1.667vw; /* 32 × 0.0520833333 = 1.66666667 */
    color: #474747;
  }
  
  .box3_dec_txt {
    position: relative;
    font-size: 1.25vw; /* 24 × 0.0520833333 = 1.25 */
    font-weight: 400;
    color: #838383;
    width: 20.833vw; /* 400 × 0.0520833333 = 20.83333333 */
    margin-top: 1.042vw; /* 20 × 0.0520833333 = 1.04166667 */
    line-height: 1.979vw; /* 38 × 0.0520833333 = 1.97916667 */
  }
  
  .box3_dec_txt::after {
    content: "";
    position: absolute;
    width: 0.313vw; /* 6 × 0.0520833333 = 0.3125 */
    height: 0.313vw; /* 6 × 0.0520833333 = 0.3125 */
    background-color: #838383;
    top: 0.833vw; /* 16 × 0.0520833333 = 0.83333333 */
    left: -1.042vw; /* -20 × 0.0520833333 = -1.04166667 */
    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: 3.542vw; /* 68 × 0.0520833333 = 3.54166667 */
    margin-bottom: 2.083vw; /* 40 × 0.0520833333 = 2.08333333 */
  }
  
  .box4_con {
    background: #fff;
    height: 23.229vw; /* 446 × 0.0520833333 = 23.22916667 */
    display: flex;
    margin-top: 5.833vw; /* 112 × 0.0520833333 = 5.83333333 */
  }
  
  .box4_item {
    flex: 1;
    box-sizing: border-box;
    padding: 0 2.708vw; /* 52 × 0.0520833333 = 2.70833333 */
    cursor: pointer;
    border-right: 0.052vw solid #f0f0f0; /* 1 × 0.0520833333 = 0.05208333 */
  }
  
  .box4_item:nth-child(4) {
    border: 0;
  }
  
  .box4_item i {
    display: inline-block;
    width: 3.125vw; /* 60 × 0.0520833333 = 3.125 */
    height: 3.125vw; /* 54 × 0.0520833333 = 2.8125 */
    margin-top: 3.906vw; /* 75 × 0.0520833333 = 3.90625 */
    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(-1.042vw); /* -20 × 0.0520833333 = -1.04166667 */
  }
  
  .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: 1.667vw; /* 32 × 0.0520833333 = 1.66666667 */
    color: #ffa227;
    margin-top: 0.833vw; /* 16 × 0.0520833333 = 0.83333333 */
  }
  
  .box4_item p {
    font-size: 0.938vw; /* 18 × 0.0520833333 = 0.9375 */
    color: #777777;
    margin-top: 1.146vw; /* 22 × 0.0520833333 = 1.14583333 */
    line-height: 1.563vw; /* 30 × 0.0520833333 = 1.5625 */
  }
  /* box5 */
.box5 {
    max-width: 82.708vw; /* 1592 × 0.0520833333 = 82.70833333 */
    height: 66vw; /* 1190 × 0.0520833333 = 62.08333333 */
    background-image: url(../images/a5_1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: auto;
    padding-top: 0.729vw; /* 14 × 0.0520833333 = 0.72916667 */
    margin-top: 8.333vw; /* 160 × 0.0520833333 = 8.33333333 */
  }
  
  .box5_con {
    display: flex;
  }
  .box5_con .w {
    width: 80%;
    max-width: 62.5vw; /* 1200 × 0.0520833333 = 62.5 */
    display: flex;
    justify-content: space-between;
  }
  .box5_con_m {
    display: none;
  }
  .box5 .title {
    margin-bottom: 0;
  }
  
  .box5 .title_dec {
    margin-bottom: 3.75vw; /* 72 × 0.0520833333 = 3.75 */
  }
  
  .box5_box {
    width: 20.833vw; /* 400 × 0.0520833333 = 20.83333333 */
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .box5_box1 {
    padding-left: 1.458vw; /* 28 × 0.0520833333 = 1.45833333 */
  }
  
  .box5_box2 {
    padding-left: 1.875vw; /* 36 × 0.0520833333 = 1.875 */
  }
  
  .box5_box_title {
    width: 100%;
    font-size: 1.667vw; /* 32 × 0.0520833333 = 1.66666667 */
    color: #474747;
    font-weight: 600;
    margin-bottom: 2.656vw; /* 51 × 0.0520833333 = 2.65625 */
    margin-top: 3vw;
  }
  
  .box5_box .item {
    margin-bottom: 1.563vw; /* 30 × 0.0520833333 = 1.5625 */
    position: relative;
    width: 18.229vw; /* 350 × 0.0520833333 = 18.22916667 */
        line-height: 1.6vw;

  }
  
  .box5_box .item span {
    font-size: 1.25vw; /* 24 × 0.0520833333 = 1.25 */
    color: #777777;
        /* line-height: 1.563vw; */
  }
  
  .box5_box .item i {
    position: absolute;
    width: 1.25vw; /* 24 × 0.0520833333 = 1.25 */
    height: 1.25vw; /* 24 × 0.0520833333 = 1.25 */
    top: 0.469vw; /* 9 × 0.0520833333 = 0.46875 */
    background-image: url(../images/icon_tip.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: -2.188vw; /* -42 × 0.0520833333 = -2.1875 */
  }
  
  .box5_box .item .sp2 {
    font-size: 1.042vw; /* 20 × 0.0520833333 = 1.04166667 */
    color: #b2b2b2;
  }
  
  .box5 .to_contactUs {
    background: #ffa227;
    color: #fff;
    position: relative;
    top: auto;
    bottom: auto;
    border: 0;
    margin: auto;
    margin-top: 3.021vw; /* 58 × 0.0520833333 = 3.02083333 */
    left: auto;
  }
  
  .box5 .to_contactUs i {
    background-color: #fff;
    background-image: url("../images/icon_right_yellow.png");
  }
  
  /* box6 */
  .box6 {
    margin-bottom: 5.208vw; /* 100 × 0.0520833333 = 5.20833333 */
  }
  
  .box6 .title {
    margin-top: 0;
    margin-bottom: 3.073vw; /* 59 × 0.0520833333 = 3.07291667 */
  }
  
  .box6 .w {
    display: flex;
    justify-content: space-between;
  }
  
  .box6 .item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .box6 .item .item_icon {
    width: 6.667vw; /* 128 × 0.0520833333 = 6.66666667 */
    height: 6.667vw; /* 128 × 0.0520833333 = 6.66666667 */
    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 .item5 .item_icon {
    background-image: url(../images/a6_555.png);
  }
  .box6 .item .item_index {
    width: 4.688vw; /* 90 × 0.0520833333 = 4.6875 */
    height: 5.938vw; /* 114 × 0.0520833333 = 5.9375 */
    background-image: url(../images/a6_11.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 0.521vw; /* 10 × 0.0520833333 = 0.52083333 */
  }
  
  .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: 1.25vw; /* 24 × 0.0520833333 = 1.25 */
    color: #474747;
    margin-top: -2.865vw; /* -55 × 0.0520833333 = -2.86458333 */

    
  }
  .box6 .item .item_m {
    display: none;
  }
  .box6 .item_hr {
    width: 15.417vw; /* 296 × 0.0520833333 = 15.41666667 */
    height: 1.458vw; /* 28 × 0.0520833333 = 1.45833333 */
    margin-top: 2.604vw; /* 50 × 0.0520833333 = 2.60416667 */
    background-image: url(../images/a6_5.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  
  .box6 .p1 {
    font-size: 1.20vw; /* 24 × 0.0520833333 = 1.25 */
    color: #838383;
    text-align: center;
    font-weight: 600;
    margin-top: 4.625vw; /* 60 × 0.0520833333 = 3.125 */
  }
  
  .box6 .p2 {
    font-size: 0.833vw; /* 16 × 0.0520833333 = 0.83333333 */
    color: #828282;
    text-align: center;
    margin: auto;
    margin-top: 1.042vw; /* 20 × 0.0520833333 = 1.04166667 */
    display: flex;
    align-items: center;
    justify-content: center;


        margin-top: 1.042vw;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 72%;
  }
  .box6 .p2_m {
    display: none;
  }
  .box6 .p2 i {
    display: inline-block;
    width: 0.208vw; /* 4 × 0.0520833333 = 0.20833333 */
    height: 0.208vw; /* 4 × 0.0520833333 = 0.20833333 */
    background: #b2b2b2;
    margin: 0 0.521vw; /* 10 × 0.0520833333 = 0.52083333 */
    border-radius: 50%;
  }
  .box7 {
    height: 78.958vw; /* 1517 × 0.0520833333 = 78.95833333 */
    position: relative;
    background-color: #fff;
  }
  
  .box7 .im_1 {
    width: 100%;
    height: 35.156vw; /* 674 × 0.0520833333 = 35.15625 */
    background-image: url(../images/a7_1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
  }
  
  .box7 .concant_box {
    width: 67.083vw; /* 1281 × 0.0520833333 = 67.08333333 */
    height: 48.125vw; /* 926 × 0.0520833333 = 48.125 */
    top: 26.042vw; /* 501 × 0.0520833333 = 26.04166667 */
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 2.604vw; /* 50 × 0.0520833333 = 2.60416667 */
  }
  
  .box7 .form {
    font-size: 1.25vw; /* 24 × 0.0520833333 = 1.25 */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 5.104vw; /* 98 × 0.0520833333 = 5.10416667 */
  }
  
  .box7 .form_block {
    width: 26vw; /* 498 × 0.0520833333 = 26 */
    margin-bottom: 1.667vw; /* 32 × 0.0520833333 = 1.66666667 */
    position: relative;
  }
  
  .box7 .form_block .lable {
    color: #838383;
    margin-bottom: 0.781vw; /* 15 × 0.0520833333 = 0.78125 */
  }
  
  .box7 .form_block .error {
    color: red;
    font-size: 1.042vw; /* 20 × 0.0520833333 = 1.04166667 */
    position: absolute;
    bottom: -1.458vw; /* -28 × 0.0520833333 = -1.45833333 */
    left: 0;
  }
  
  .box7 .t_1 {
    font-weight: 400;
    font-size: 3.333vw; /* 64 × 0.0520833333 = 3.33333333 */
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-top: 4.8vw; /* 92 × 0.0520833333 = 4.8 */
  }
  
  .box7 .t_2 {
    font-weight: 400;
    font-size: 1.667vw; /* 32 × 0.0520833333 = 1.66666667 */
    text-align: center;
    color: #fff;
    margin-top: 1.927vw; /* 37 × 0.0520833333 = 1.92708333 */
  }
  
  .box7 .t1 {
    font-weight: 400;
    font-size: 1.25vw; /* 24 × 0.0520833333 = 1.25 */
    text-align: center;
    color: #838383;
    margin-top: 3.438vw; /* 66 × 0.0520833333 = 3.4375 */
  }
  
  .box7 .t2 {
    font-weight: 400;
    font-size: 3.333vw; /* 64 × 0.0520833333 = 3.33333333 */
    text-align: center;
    color: #474747;
    font-weight: 600;
    margin-bottom: 1.458vw; /* 28 × 0.0520833333 = 1.45833333 */
  }
  
  .box7 .t3 {
    width: 5.313vw; /* 102 × 0.0520833333 = 5.3125 */
    height: 0.208vw; /* 4 × 0.0520833333 = 0.20833333 */
    border-radius: 2.083vw; /* 40 × 0.0520833333 = 2.08333333 */
    background-color: #ffa227;
    margin: auto;
  }
  
  .box7 .concant_box_title {
    margin-bottom: 2.604vw; /* 50 × 0.0520833333 = 2.60416667 */
  }
  
  .box7 .form_block input {
    width: 100%;
    height: 4.375vw; /* 84 × 0.0520833333 = 4.375 */
    border-radius: 0.521vw; /* 10 × 0.0520833333 = 0.52083333 */
    border: 0.104vw solid #b2b2b2; /* 2 × 0.0520833333 = 0.10416667 */
    box-sizing: border-box;
    padding: 0 1.042vw; /* 20 × 0.0520833333 = 1.04166667 */
  }
  
  textarea {
    border: 0.104vw solid #b2b2b2; /* 2 × 0.0520833333 = 0.10416667 */
    box-sizing: border-box;
    padding: 1.042vw; /* 20 × 0.0520833333 = 1.04166667 */
    border-radius: 0.521vw; /* 10 × 0.0520833333 = 0.52083333 */
  }
  
  .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: 8.125vw; /* 156 × 0.0520833333 = 8.125 */
    font-family: "Roboto", sans-serif !important;
  }
  
  .box7 .box7_tip {
    position: absolute;
    width: 11.146vw; /* 213 × 0.0520833333 = 11.14583333 */
    height: 2.708vw; /* 52 × 0.0520833333 = 2.70833333 */
    border-radius: 0.313vw; /* 6 × 0.0520833333 = 0.3125 */
    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: 1.042vw; /* 20 × 0.0520833333 = 1.04166667 */
    height: 1.042vw; /* 20 × 0.0520833333 = 1.04166667 */
    background-size: contain;
    margin-right: 0.521vw; /* 10 × 0.0520833333 = 0.52083333 */
    background-repeat: no-repeat;
  }
  
  .box7 .box7_tip span {
    color: #414751;
    font-size: 1.25vw; /* 24 × 0.0520833333 = 1.25 */
  }
  
  .box7 .box7_tip.tip_y {
    border: 0.052vw solid #b7eb8f; /* 1 × 0.0520833333 = 0.05208333 */
    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.052vw solid #ff5858; /* 1 × 0.0520833333 = 0.05208333 */
    background: #ffeded;
  }
  
  .to_contactUs {
    width: 15.833vw; /* 304 × 0.0520833333 = 15.83333333 */
    height: 4.167vw; /* 80 × 0.0520833333 = 4.16666667 */
    line-height: 4.167vw; /* 80 × 0.0520833333 = 4.16666667 */
    border-radius: 2.083vw; /* 40 × 0.0520833333 = 2.08333333 */
    border: 0.104vw solid #828282; /* 2 × 0.0520833333 = 0.10416667 */
    font-size: 1.667vw; /* 32 × 0.0520833333 = 1.66666667 */
    color: #838383;
    position: absolute;
    padding-left: 2.604vw; /* 50 × 0.0520833333 = 2.60416667 */
    box-sizing: border-box;
    left: -1.146vw; /* -22 × 0.0520833333 = -1.14583333 */
    bottom: 4.063vw; /* 78 × 0.0520833333 = 4.0625 */
    cursor: pointer;
    transition: all 0.3s; 
  }
  
  .to_contactUs i {
    display: inline-block;
    width: 3.125vw; /* 60 × 0.0520833333 = 3.125 */
    height: 3.125vw; /* 60 × 0.0520833333 = 3.125 */
    position: absolute;
    top: 0.521vw; /* 10 × 0.0520833333 = 0.52083333 */
    right: 0.521vw; /* 10 × 0.0520833333 = 0.52083333 */
    border-width: 0.104vw; /* 2 × 0.0520833333 = 0.10416667 */
    background-color: #ffa227;
    background-image: url(../images/icon_right2.png);
    background-size: 1.563vw 1.146vw; /* 30 × 0.0520833333 = 1.5625, 22 × 0.0520833333 = 1.14583333 */
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2.604vw; /* 50 × 0.0520833333 = 2.60416667 */
    transition: all 0.3s;
  }
  
  .to_contactUs_y:hover {
    padding-left: 4.688vw; /* 90 × 0.0520833333 = 4.6875 */
    background-color: #fff;
    color: #ffa227;
    border: 0.052vw solid #ffa227; /* 1 × 0.0520833333 = 0.05208333 */
  }
  
  .contact_btn:hover {
    padding-left: 6.25vw; /* 120 × 0.0520833333 = 6.25 */
  }
  
  .to_contactUs_y:hover i {
    right: -3.125vw; /* -60 × 0.0520833333 = -3.125 */
  }
  
  .to_contactUs_w:hover {
    padding-left: 4.688vw; /* 90 × 0.0520833333 = 4.6875 */
    background-color: #ffa227;
    color: #fff;
    border: 0.052vw solid #ffa227; /* 1 × 0.0520833333 = 0.05208333 */
  }
  
  .to_contactUs_w:hover i {
    right: -3.125vw; /* -60 × 0.0520833333 = -3.125 */
  }
  
  .footer {
    width: 100%;
    height: 13.333vw; /* 256 × 0.0520833333 = 13.33333333 */
    background-color: #f7f7f9;
  }
  
  .footer .w {
    width: 56.25vw; /* 1080 × 0.0520833333 = 56.25 */
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .footer .item > div {
    font-size: 1vw; /* 12 × 0.0520833333 = 0.625 */
    color: #838383;
    display: flex;
    align-items: center;
  }
  
  .footer .item > div span {
    margin-top: 0.521vw; /* 10 × 0.0520833333 = 0.52083333 */
  }
} 
@media screen and (min-width: 960px) and (max-width: 1400px){
.box5 .to_contactUs {
  margin-top: 1vw;
}
}