.custom-header .ul-flex-box .ul-left li:nth-child(1) a {
    color: #deb78b;
}

.custom-header .ul-flex-box .ul-left li:nth-child(1) a::after {
    width: 0%;
}
.custom-header .ul-flex-box li:hover a::after {
    width: 60% !important;
}





    #home-top-banner {
      position: relative;
      height: 100vh;
    }

    #home-top-banner .swiper {
      width: 100%;
      height: 100%;
      /*background: #eee;*/
      position: relative;
      overflow: hidden;
      cursor: grab;
    }

    /* pagination */
    #home-top-banner .pagination {
      position: absolute;
      left: 0;
      text-align: center;
      bottom: 15px;
      width: 100%;
      z-index: 89;
      cursor: pointer;
    }

    #home-top-banner .swiper-pagination-bullet {
      display: inline-block;
      width: 8px;
      height: 8px;
      opacity: 1;
      border-radius: 10px;
      background: white;
      margin: 0 3px;
      cursor: pointer;
      transition: width 0.3s ease-in-out;
    }

    #home-top-banner .swiper-pagination-bullet-active {
      background: #efc383;
      width: 16px;
    }


    /* navigation */
    .swiper-button__home {
      display: inline-block;
      position: absolute;
      width: 77px;
      height: 24px;
      cursor: pointer;
      z-index: 80;
      top: 50%;
      transition: width .4s cubic-bezier(.075, .82, .165, 1);
    }

    .swiper-button__home:before {
      content: "";
      display: block;
      width: 65px;
      height: 2px;
      background-color: #fff;
      position: absolute;
      top: 11px;
      transition: width .4s cubic-bezier(.075, .82, .165, 1);
    }

    .swiper-button__home .swiper-button-circle {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #fff;
      position: absolute;
      top: 7px;
    }

    .swiper-button__home:after {
      content: "";
      display: block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      border: 2px solid #fff;
      position: absolute;
      top: 0;
      -webkit-transform: scale(.4);
      -ms-transform: scale(.4);
      transform: scale(.4);
      opacity: 0;
      transition: opacity .4s cubic-bezier(.075, .82, .165, 1), -webkit-transform .4s cubic-bezier(.075, .82, .165, 1);
      transition: opacity .4s cubic-bezier(.075, .82, .165, 1), transform .4s cubic-bezier(.075, .82, .165, 1);
      transition: opacity .4s cubic-bezier(.075, .82, .165, 1), transform .4s cubic-bezier(.075, .82, .165, 1), -webkit-transform .4s cubic-bezier(.075, .82, .165, 1);
      box-sizing: border-box;
    }


    .swiper-button-next__home {
      right: 0;
    }

    .swiper-button-next__home:before {
      right: 0;
    }

    .swiper-button-next__home .swiper-button-circle {
      left: 7px;
    }

    .swiper-button-next__home:after {
      left: 0;
    }

    .swiper-button-next__home:hover:after {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }


    .swiper-button-prev__home {
      left: 0;
    }

    .swiper-button-prev__home:before {
      left: 0;
    }

    .swiper-button-prev__home .swiper-button-circle {
      right: 7px;
    }

    .swiper-button-prev__home:after {
      right: 0;
    }

    .swiper-button-prev__home:hover:after {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /* ======================================= */
    /* ======================================= */
    .swiper-slide-box {
      height: 100%;
      width: 100%;
      position: relative;
    }


    .box-1 {
      background: no-repeat center bottom/cover url("https://www.021333.com/wp-content/uploads/2024/04/C80A4885__36244199.jpg");
    }
    .box-2 {
      background: no-repeat bottom center/cover url("https://www.021333.com/wp-content/uploads/2023/11/home-top-banner-bg6-scaled.jpg");
    }
    .box-3 {
      background: no-repeat center/cover url("https://www.021333.com/wp-content/uploads/2022/11/home-top-banner-bg5.jpg");
    }

    /* .box-1 {
      background: no-repeat bottom center/cover url("https://www.021333.com/wp-content/uploads/2023/11/home-top-banner-bg6-scaled.jpg");
    }
    .box-2 {
      background: no-repeat center/cover url("https://www.021333.com/wp-content/uploads/2022/11/home-top-banner-bg5.jpg");
    }
    .box-3 {
      background: no-repeat center right/cover url("https://www.021333.com/wp-content/uploads/2021/12/home-top-banner-bg4.jpg");
    } */

    /* .box-1 {
      background: no-repeat bottom right/cover url("https://www.021333.com/wp-content/uploads/2021/09/home-top-banner-bg1.jpg");
    } */
    /* .box-2 {
      background: no-repeat center/cover url("https://www.021333.com/wp-content/uploads/2021/09/home-top-banner-bg2.jpg");
    } */
    /* .box-3 {
      background: no-repeat center right 12%/cover url("https://www.021333.com/wp-content/uploads/2021/09/home-top-banner-bg3.jpg");
    } */

    .swiper-slide-box-overlay {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background: #333;
      opacity: 0.5;
    }

    .swiper-text-box {
      width: 80%;
      margin: 0 auto;
      max-width: 1200px;
      position: relative;
      color: #fff;
      top: 50%;
      transform: translateY(-50%);
    }

    .title-01 {
      padding: calc(10px + 0vh) 0 0;
      /* padding: calc(100px + 8vh) 0 0; */
    }

    .title-02 {
      width: 30%;
      margin: 0 0 0 auto;
      display: none;
    }

    .swiper-text-box img {
      width: 100%;
    }

    .title-wrap{
      margin: 80px 0 20vh;
    }
    .title-flex-box{
      display: flex;
      font-size: 26px;
      font-weight: bold;
    }
    .title-flex-box-1,.title-flex-box-2{
      flex: 1;
      padding: 10px;
    }
    .title-flex-box-1{
      text-align: right;
    }
    .title-center-small{
      text-align: center;
      font-size: 18px;
    }

    /* swiper-text-box 2 */
    .title-center{
      text-align: center;
      font-weight: bold;
    }
    .title-center p{
      line-height: 2;
    }
    .title-center p:nth-child(1){
      font-size: 80px;
    }
    .title-center p:nth-child(2){
      font-size: 60px;
    }


    /* =========================== */
    @media (max-width:1024px){
            .title-center p:nth-child(1){
      font-size: 50px;
    }
    .title-center p:nth-child(2){
      font-size: 30px;
    }

    }
    @media (max-width:768px) {
      #home-top-banner {
        height: 540px;
      }

      #home-top-banner .pagination {
        bottom: 10px;
      }

      #home-top-banner .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
      }

      #home-top-banner .swiper-pagination-bullet-active {
        width: 12px;
      }


      .swiper-button__home {
        width: 35px;
      }

      .swiper-button__home:before {
        width: 23px;
      }


      .title-01 {
      padding: 25px 0 0;
      /* padding: 150px 0 0; */
    }
    .title-02 {
      width: 165px;
      padding: 0 0 80px 0;
    }
    .title-wrap{
      margin: 60px 0 80px;
    }
      .title-flex-box{
      display: block;
      font-size: 20px;
    }
    .title-flex-box-1,.title-flex-box-2{
      text-align: center;
      padding: 5px;
    }
    .title-center-small{
      margin: 10px 0;
      font-size: 16px;
    }
        .title-center p:nth-child(1){
      font-size: 24px;
    }
    .title-center p:nth-child(2){
      font-size: 16px;
    }

    }



/* ================================================ */
/*=============== 服务范围 ================*/
.page-id-18 .elementor-element-774ebd7 .elementor-column{
    transition: transform .4s ease;

}
.page-id-18 .elementor-element-774ebd7 .elementor-column:hover{
    transform: translateY(-10px);
}


/* ===== 变灰 ===== */
/* html{
  filter: grayscale(1);
} */