.first_block {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
}
.first_block-left {
    position: absolute;
    left: 20%;
    height:750px;
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.first_block-left > .text1{
    font-size: xxx-large;
    padding: 20px 0;
    font-weight: bold;
}

.first_block-left > .text1::before{
    content: "";
    display: inline-block;
    background-color: #FA1234;
    position: absolute;
    left: -1.25em; /* Adjust the left position to align with the start of the text */
    top: 285px;
    overflow: hidden; /* Prevent the triangle from overflowing */
    transform: rotate(45deg);
    /* transform-origin: top left; */
}
.first_block-left > .text3{
    font-size:medium;
    padding: 20px 0;
    padding-right: 20px; /* 添加右边距以分隔文字和箭头 */
}

.contact_us {
    display: inline-flex; /* 使用flex布局来水平排列内容和箭头 */
    align-items: center; /* 垂直居中对齐 */
    justify-content: space-around;
    width:200px;
    border: 2px solid #FA1234;
    padding: 11px 14px; /* 添加一些内边距 */
    margin-top: 50px;
    padding-right: 0px;
    background-image: linear-gradient(to right, transparent, transparent); /* 初始状态无背景填充 */
    font-weight: normal; /* 初始字体不加粗 */
}
.contact_us:hover {
    background-color: transparent; /* 鼠标悬停时背景色不变 */
    background-image: linear-gradient(to right, #FA1234, #FA1234); /* 鼠标悬停时背景从左向右填充 */
    color: white; /* 鼠标悬停时改变文字颜色 */
    font-weight: bold; /* 鼠标悬停时文字加粗 */
}


.contact_us .text3 {
    color: black; /* 初始文字颜色为黑色 */
    transition: color 0.3s, font-weight 0.3s; /* 添加过渡效果 */
}
.contact_us:hover .text3 {
    color: white; /* 鼠标悬停时文字颜色为白色 */
}


.contact_us .arrow{
    transition: transform 0.3s; /* 添加过渡效果 */
}
.contact_us:hover .arrow{
    transform: translateX(5px); /* 鼠标悬停时箭头向右移动 */
}


.contact_us .arrow path{
    transition: fill 0.3s; /* 添加过渡效果 */
    fill: black; /* 初始SVG箭头颜色为黑色 */
}
.contact_us:hover .arrow path{
    fill: white; /* 鼠标悬停时SVG箭头颜色变为白色 */
}


@media screen and (max-width: 768px) {
   
    .first_block-left > .text1 {
      color: white;
      font-weight: bold;
      white-space: pre-line;
      /* -webkit-text-stroke: 1px #FA1234; */
    }
    .first_block-left > .text2 {
      color: white;
      font-weight: bold;
      /* -webkit-text-stroke: 1px #FA1234; */
    }
  
    .contact_us .text3 {
        color: white; 
        }
    .contact_us .arrow path{
        fill: white; /* 初始SVG箭头颜色为黑色 */
    }
    .first_block-left {
        position: absolute;
        left: 10%;
    }

}


.first_block-right {
    height:auto;
    width: auto;
    /* background-image: linear-gradient(96.1deg, #FF7A7A 0.86%, #C1FF72 34.84%, #6675FF 65.94%, #F878B7 100%);; */
    /* border: 2px solid blue; */
}