/*======hero这部分玩法=====*/
    .hero{
        height:208px;/*这个是沾满一屏的意思*/
        background:url("/static/img/homepage/hero02.jpg") center/cover no-repeat;
        background-attachment:fixed;/* 固定背景 */
        position:relative;
        overflow:hidden;
        color:white;
        }
    .hero::before{/* 遮罩层（提升质感） */
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(
            to bottom,
            rgba(0,0,0,0.4),
            rgba(0,0,0,0.6)
        );
    }
/* Hero文字 */
    .hero-content{
        position:absolute;
        top:70%;
        left:50%;
        transform:translate(-50%,-50%);
        text-align:center;
        z-index:2;
    }
/* 标题动画 */
    .title{
        font-size:28px;
        opacity:0;
        transform:translateY(40px);
        animation:fadeUp 1s forwards;
        }
    .subtitle{
        margin:20px 0 40px;
        font-size:16px;
        opacity:0;
        animation:fadeUp 1s 0.4s forwards;
        }
    @keyframes fadeUp{
        to{
        opacity:1;
        transform:translateY(0);
        }
        }


/* ===========标准化流程============ */
    .process_home {
      width: 1200px;
      height: 523px;
      margin: 0 auto;
      position: relative;
    }
    .process_home_title {
      text-align: center;
      padding-top: 75px;
      font-weight: 500;
      font-size: 30px;
      color: #101010;
    }
    .process_home_content {
      width: 100%;
      height: 290px;
      display: flex;
      justify-content: space-around;
      text-align: center;
      margin-top: 38px;
      position: relative;
      z-index: 2;
    }
    .process_home_border {
      position: absolute;
      z-index: 1;
      top: 405px;
      width: 100%;
      height: 0;
      border-top: 1px solid;
      border-image: linear-gradient(
          45deg,
          rgba(200, 200, 200, 0),
          rgba(166, 195, 251, 1),
          rgba(151, 151, 151, 0)
        )
        1 1;
    }
    .process_home_content > div {
      width: 200px;
      color: #101010;
    }
    .process_home_content > div > div:nth-child(1) {
      width: 206px;
      height: 215px;
      background-image: url(/static/img/process_content.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .process_home_content > div > div:nth-child(1) > p:nth-child(1) {
      font-size: 20px;
      padding-top: 62px;
    }
    .process_home_content > div > div:nth-child(1) > p:nth-child(2) {
      font-size: 15px;
      color: #999999;
      padding-top: 10px;
      font-weight: 300;
      padding-bottom: 5px;
    }
    .process_home_content > div > div:nth-child(2) {
      width: 70px;
      height: 70px;
      line-height: 70px;
      font-size: 24px;
      color: #000000;
      background: linear-gradient(360deg, #ffffff 0%, #eff1f4 100%);
      box-shadow: 1px 5px 18px 0px rgba(14, 97, 255, 0.12);
      border: 1px solid #ffffff;
      margin: 0 auto;
      border-radius: 40px;
    }
    .process_home_content > div:hover > div:nth-child(2) {
      color: #1d6afb;
      background: linear-gradient(360deg, #ffffff 0%, #eff1f4 100%);
      box-shadow: 1px 5px 18px 0px rgba(14, 97, 255, 0.29);
    }
    .process_home_content > div > div:nth-child(1) > p:nth-child(3) {
      font-size: 15px;
      color: #999999;
      font-weight: 300;
    }
    .process_home_content > div:hover {
      color: #ffffff !important;
    }
    .process_home_content > div:hover > div:nth-child(1) > p:nth-child(2) {
      color: #ffffff;
    }
    .process_home_content > div:hover > div:nth-child(1) > p:nth-child(3) {
      color: #ffffff;
    }
    .process_home_content > div:hover > div:nth-child(1) {
      background-image: url(/static/img/process_content_hover.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }

/* =============公司介绍文字版============= */
    .major {
      width: 1140px;
      height: 488px;
      margin: 0px auto;
      padding: 60px 80px;
      box-sizing: border-box; /* 核心修复：强制浏览器将 padding 计算在 1200x488 之内 */
      animation: bgFadeIn 2s ease-in both;
      background-image: url(/static/img/major1.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
    }
    .major__text{
        font-size: 18px;
        color: #ffffff;
        line-height: 1.8;
        text-indent: 2em;
        text-align: justify;
        margin: 0;
        font-family: "Microsoft YaHei", sans-serif;
    }





/* ==========服务保障======== */
    .guarantee {
      width: 100%;
      height: 566px;
      background: linear-gradient(134deg, #faefe6 0%, #fefdfb 46%, #f4e9e4 100%);
    }
    .guarantee_home_content {
      width: 1200px;
      height: 100%;
      margin: 0 auto;
    }
    .guarantee_title {
      font-size: 30px;
      color: #101010;
      text-align: center;
      padding-top: 75px;
      font-weight: 500;
    }
    .guarantee_body {
      /* width: 1050px; */
      display: flex;
      /* justify-content: space-around; */
      justify-content: center;
      padding-top: 45px;
      margin: 0 auto;
    }
    .guarantee_body>div {
      width: 232px;
      height: 310px;
      background: linear-gradient(180deg, #47414f 0%, #292732 100%);
      box-shadow: 5px 4px 16px 0px rgba(141, 128, 122, 0.91);
      border-radius: 9px;
      color: #d6baa2;
      text-align: center;
      margin: 0 15px;
    }
    .guarantee_body div > img {
      display: block;
      width: 38px;
      height: 38px;
      margin: 0 auto;
      margin-top: 51px;
    }
    .guarantee_body_img{
       width: 38px;
      height: 38px;
      margin: 0 auto;
      margin-top: 51px;
    }
    .guarantee_body_img1{
      background: url(/static/img/home_page_icon.png) no-repeat 0px -174px;
    }
    .guarantee_body_img2{
      background: url(/static/img/home_page_icon.png) no-repeat -69px -174px;
    }
    .guarantee_body_img3{
      background: url(/static/img/home_page_icon.png) no-repeat -138px -174px;
    }
    .guarantee_body_img4{
      background: url(/static/img/home_page_icon.png) no-repeat -203px -174px;
    }

    .guarantee_body div > p:nth-child(2) {
      font-size: 35px;
      font-weight: 300;
      margin: 32px 0 46px 0;
      color: #C4A68D;
      background: -webkit-linear-gradient(90deg,#C4A68D,  #F6DCC6);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .guarantee_body div > p:nth-child(3) {
      font-size: 17px;
      line-height: 27px;
      color: #C7BBB3;
      font-weight: 300;
    }
    .guarantee_body div > p:nth-child(4) {
      font-size: 17px;
      line-height: 27px;
      color: #C7BBB3;
      font-weight: 300;
    }