/* ===== 产品轮播 ===== */
   .royal-advantages-section {
       overflow: hidden;
       padding: 8rem 0;
   }

   .swiper-slide {
       height: auto !important;
   }

   .royal-advantages-item {
       overflow: hidden;
       height: 100%;
       padding: 2rem 0;
   }

   .royal-advantages-card {
       overflow: hidden;
       border-radius: 0.4rem;
       box-shadow: .2rem .4rem 1rem rgba(0, 0, 0, 0.05);
       background-color: #fff;
       transition: all 0.5s ease;
       text-align: center;
       height: 100%;
   }

   .royal-advantages-card:hover {
       box-shadow: .2rem .4rem 1rem rgba(0, 0, 0, 0.1);
       transform: translateY(-1rem);
   }

   .royal-advantages-img-container {
       position: relative;
       width: 100%;
       overflow: hidden;
   }

   .royal-advantages-img-wrapper {
       position: relative;
       width: 100%;
       padding-bottom: 75%;
       background: #f4f4f4;
       overflow: hidden;
   }

   .royal-advantages-img {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
       -o-object-fit: cover;
       transition: transform 0.5s ease;
       -webkit-transition: -webkit-transform 0.5s ease;
   }

   .royal-advantages-card:hover .royal-advantages-img {
       transform: scale(1.1);
       -webkit-transform: scale(1.1);
   }


   /* ===== strength ===== */
   .royal-strength-section {
       overflow: hidden;
       padding: 8rem 0;
       background: #f4f4f4;
   }

   .royal-strength-section li {
       padding: 4rem;
   }

   .royal-strength-item {
       overflow: hidden;
       text-align: center;
       padding: 2rem 0 0;
   }

   .royal-strength-item:hover .royal-strength-img {
       box-shadow: .2rem .4rem 1rem rgba(0, 0, 0, 0.1);
       transform: translateY(-1rem);
       background: #007dc2;
   }

   .royal-strength-img {
       padding-bottom: 100%;
       border-radius: 100%;
       text-align: center;
       transition: all ease-in-out .5s;
       overflow: hidden;
       position: relative;
       box-shadow: .2rem .4rem 1rem rgba(0, 0, 0, 0.05);
   }

   .royal-strength-img img {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.5s ease;
       z-index: 1;
   }

   /* 鼠标悬停时添加模糊背景层 */
   .royal-strength-item:hover .royal-strength-img::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 125, 194, 0.2);
       backdrop-filter: blur(4px);
       -webkit-backdrop-filter: blur(4px);
       z-index: 2;
       border-radius: 100%;
       transition: all 0.3s ease;
   }

   .royal-strength-info h2 {
       font-size: 2rem;
       text-transform: capitalize;
       margin-top: 2rem;
   }

   /* solution */
   .royal-solution-section {
       overflow: hidden;

   }

   .royal-solution-section li {
       padding: 4rem 0 ;
   }

   .royal-solution-item {
       position: relative;
       overflow: hidden;
       border: 1px solid #e8e8e8;
       border-right: none;
       background: #fff;
       transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
       height: 40rem
   }

   .royal-solution-section li:last-child .royal-solution-item {
       border-right: 1px solid #e8e8e8;
   }

   .royal-solution-card {
       padding: 10rem 2rem;
       text-align: center;
       transition: all 0.4s ease;
       position: absolute;
       height: 100%;
       width: 100%;

   }

   .royal-solution-img {
       overflow: hidden;
       text-align: center;
   }

   .royal-solution-img img {
       filter: brightness(0.4);
       width: 6rem;
       height: 6rem;
       transition: all 0.3s ease;
   }

   .royal-solution-title {
       position: relative;
       overflow: hidden;
       padding-bottom: 8rem;
       margin: 4rem 0;
       font-size: 2rem;
       font-weight: bold;
   }

   .royal-solution-title::after {
       position: absolute;
       height: 2px;
       content: '';
       width: 4rem;
       left: 50%;
       margin-left: -2rem;
       bottom: 0;
       background: #222;

   }

   .royal-solution-info {
       max-height: 0;
       opacity: 0;
       overflow: hidden;
       transition: all 0.4s ease;
       color: #fff;
       font-size: 1.2rem;
   }

   /* 鼠标悬停效果 */
   .royal-solution-item:hover {
       transform: scale(1.2);
       box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
       z-index: 10;
       background: #007dc2;
       border-radius: 0.4rem;
       width: 120%;
   }

   .royal-solution-item:hover .royal-solution-card {
       padding: 4rem;
   }

   .royal-solution-item:hover .royal-solution-img img {
       filter: brightness(1);
   }

   .royal-solution-item:hover .royal-solution-title {
       padding: 0;
       margin: 2rem 0;
       color: #fff;
   }

   .royal-solution-item:hover .royal-solution-info {
       max-height: 200px;
       opacity: 1; 
   }

   .royal-solution-item:hover .royal-solution-title::after {
       display: none;

   }


   /* ===== 关于我们 ===== */
   .royal-brand-section {
       padding: 12rem 0 8rem;
       overflow: hidden;
   }

   .royal-brand-content {
       overflow: hidden;
       display: flex;
       align-items: center;
       justify-content: space-between;

   }

   .royal-brand-info {
       overflow: hidden;
       padding: 0 2rem 4rem 8rem;
       position: relative;
   }

   .royal-brand-info:hover::after {
       width: 100%;
       transition: all .5s;
   }

   .royal-brand-info::after {
       position: absolute;
       height: 2px;
       width: 4rem;
       content: '';
       left: 8rem;
       bottom: 0;
       background: #007dc2;
       transition: all .5s;
   }

   .royal-brand-txt {
       font-size: 2rem;
       color: #888;
       line-height: 1.6;
       margin: 2rem 0 4rem;
       overflow: hidden;
   }

   .royal-brand-title {
       font-size: 3.2rem;
       text-transform: uppercase;
       font-weight: bold;
       color: #007dc2;
       margin-bottom: 4rem;
   }

   .royal-brand-img {
       position: relative;
       overflow: hidden;
       padding: 0 2rem;
       max-width: 60rem;

   }

   .royal-brand-img-card {
       position: relative;
       overflow: hidden;
       border-radius: 0.4rem;
       padding-bottom: 120%;
   }

   .royal-brand-img-card::after {
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       width: 100%;
       height: 100%;
       content: '';
       background: linear-gradient(-21deg, #007dc2 0%, #007dc2 20%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);
       z-index: 2;
       pointer-events: none;
   }

   .royal-brand-img img {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.5s ease;
       z-index: 1;
   }

   /* ===== inquiry ===== */
   .royal-inquiry-section {
       padding: 8rem 0;
   }

   .royal-inquiry-content {
       padding: 4rem;
       overflow: hidden;
       background-color: #007dc2;
       display: flex;
       border-radius: 0.4rem;
       align-items: center;
   }


   .royal-inquiry-info {
       color: #fff;
       font-size: 1.8rem;
   }


   .royal-inquiry-btn {
       font-size: 2rem;
       text-align: center;
   }


/* ===== 联系我们页面样式 ===== */
.royal-contact-section {
    padding: 12rem 0 0rem;
    overflow: hidden; 
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff; 
}
 
.royal-contact-info { 
    overflow: hidden; 
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff; 
    background-size: contain;
}
 
.royal-contact-info li{
    padding: 2rem;
}
.royal-contact-item{
    padding: 8rem 4rem;
    background: #ffffffb5;
    border-radius: 0.4rem; 
    text-align: center;
       box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.01);
       border: 1px solid #f4f4f4;
}
.royal-contact-item h3{
    font-size: 2rem;
    margin: 2rem 0;

}
.royal-contact-item-icon{
    width: 8rem;
    height: 8rem;
    background: #007dc2;
    margin: 0 auto;
    border-radius: 100%;
    color: #fff;
    font-size: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;

}

   /* ===== 响应式  ===== */
   @media (max-width: 640px) {
       .royal-brand-content {
           display: block;
       }

       .royal-brand-section {
           padding: 4rem 0 0;
           margin-top: 0px;
       }

       .royal-brand-img-card {
           padding-bottom: 100%;
       }

       .royal-brand-info {
           padding: 2rem;
       }

       .royal-brand-title {
           margin-bottom: 2rem;
       }

       .royal-brand-info::after {
           display: none;
       }

       .royal-advantages-section,
       .royal-strength-section {
           padding: 4rem 0;
       }

       .royal-solution-section li {
           padding: 1rem 0;
       }

       .royal-solution-item {
           border: 1px solid #e8e8e8;
           height: auto;
       }

       /* 鼠标悬停效果 */
       .royal-solution-item:hover {
           transform: scale(1);
           box-shadow: none;
           z-index: 10;
           background: #fff;
           border-radius: 0.4rem;
           width: 100%;
       }

       .royal-solution-item:hover .royal-solution-card {
           padding: 4rem 2rem;
       }

       .royal-solution-item:hover .royal-solution-img img {
           filter: brightness(0);
       }

       .royal-solution-item:hover .royal-solution-title {
           padding-bottom: 2rem;
           color: #222;
       }

       .royal-solution-item:hover .royal-solution-info {
           max-height: 200px;
           opacity: 1;
           overflow-y: scroll;
       }

       .royal-solution-item:hover .royal-solution-title::after {
           display: block;

       }

       .royal-solution-card {
           padding: 4rem 2rem;
           position: relative;

       }

       .royal-solution-title::after {
           height: 1px;
       }

       .royal-solution-title {
           margin: 2rem 0;
           padding: 0 0 2rem;
       }

       .royal-solution-info {
           max-height: 20rem;
           opacity: 1;
           color: #888;
           font-size: 1.6rem;
       }

       .royal-inquiry-section {
           padding: 1rem 0 2rem;
       }

       .royal-inquiry-content {
           display: block;
       }

       .royal-inquiry-info {
           margin-bottom: 2rem;
       }
       .royal-contact-section{
        padding: 2rem 0 0;
       }
       .royal-contact-info li{
        padding: 1rem 2rem;
       }
   }