.home-about-logo {
    --tw-bg-opacity: 1;
    background-color: rgb(240 128 128 / var(--tw-bg-opacity));
    border-radius: 12px;
}
.btn.btn-theme::after {
    top: 50%;
}
.pipeline-action {
    padding-top: 1.5rem;
    text-align: right;
}
.gallery-style-one-item img:first-child {
    min-height:396px;
}
.blog-area .home-blog-style-one-item img {
    cursor: pointer;
    transition: transform 1s ease-in-out; /* 过渡动画 */
}
.blog-area .home-blog-style-one-item img:hover{
  transform: scale(1.05);
}

header .navbar-box{
        margin-top: .75rem !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
}
header .navbar-box .container{
    max-width: 100%;
    border-radius: 25px;
}
    header .navbar-box.sticked .container {
        box-shadow: inset 0 2px 1px #ffffff26;
        background: linear-gradient(0deg, rgba(30, 107, 92, .06), rgba(30, 107, 92, .06)), linear-gradient(270deg, rgba(255, 255, 255, .2) 44.96%, rgba(255, 255, 255, 0) 58.69%), linear-gradient(90deg, rgba(255, 255, 255, .2) 11.27%, rgba(255, 255, 255, 0) 23.4%), rgba(255, 255, 255, .42);
        backdrop-filter: blur(10px);
    }

/* .navbar.sticked .nav-box{
    background-color: var(--white) !important;
} */
.navbar .nav-box .logo-black{
  display: none;
}
.navbar.sticked .nav-box .logo-light{
  display: none;
}
.navbar.sticked .nav-box .logo-black{
  display: block;
}

.validnavs.sticked a{
  color: #232323
}
.validnavs.sticked a:hover{
  color: var(--color-style-four);
}
.swiper-pagination-bullets.swiper-pagination-horizontal{
  bottom: 40px;
}
.swiper-pagination-bullet{
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
}
.swiper-pagination-bullet-active{
  background:var(--color-style-four)
}

.banner-style-five-area{
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

/* ::before 用于背景图和放大动画 */
.banner-style-five-area::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  /* background-image: url("../img/homepage_1920x1080.jpg"); */
  background-image: url("../../assets-custom/img/banner1.png");
  background-size: cover;
  background-position: center;
  animation: zoomIn 8s ease-in-out forwards,
  changeBackground 16s infinite; /* 3张图片 × 4秒 = 12秒 */
  z-index: -2;
}


@keyframes changeBackground {
  /* 第一张图片（banner1.png）显示阶段：0s → 8s */
  0% {
    background-image: url("../../assets-custom/img/banner1.png");
    transform: scale(1);
    opacity: 1;
  }
  /* 7s-8s：放大 + 淡出过渡 */
  45% {
    /* transform: scale(1.05);  */
    opacity: 1;
  }
  50% {
    transform: scale(1.05); 
    opacity: 0.8;
  }
  /* 8s：切换到第二张图片（banner2.png） */
  50.01% {
    transform: scale(1);
    background-image: url("../../assets-custom/img/banner2.png");
    opacity: 0.8;
  }
  /* 8s-9s：放大 + 淡入 */
  55% {
    /* transform: scale(1.05); */
    opacity: 1;
  }
  /* 第二张图片稳定显示：9s → 15s */
  95% {
    /* transform: scale(1.05); */
    opacity: 1;
  }
  /* 15s-16s：缩小 + 淡出过渡 */
  100% {
    background-image: url("../../assets-custom/img/banner1.png"); /* 循环回第一张 */
    transform: scale(1.05); 
    opacity: 0.8;
  }
}

/* ::after 用于蒙尘效果（radial-gradient） */
.banner-style-five-area::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(70deg, rgba(0,0,0,0.7) 0%, transparent 50%);
  pointer-events: none;
  z-index: -1;
}

@keyframes zoomIn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.color-style-four .side .widget .logo::after {
    background: none;
}
.banner-style-five .information h2,.banner-style-five .information p{
  color: var(--white) !important;
}


/* media style start */
@media screen and (min-width:1200px) {
  .nav-box .navbar-brand {
    width: 70%;
  }
  .footer-two .logo{
    width: 50%;
  }

  /* 新闻图片 */
    .blog-area.full-blog .thumb img {
        height: 558px;
        min-width: 1075px;
    }
}

.sub-title-fade {
  display: flex;
  color: var(--color-style-four);
  background: var(--bg-gradient-four);
  background-clip: text;
  font-weight: 600;
  margin-bottom: 15px;
  align-items: center;
  font-size: 20px;
}
.title-fade{
   display: inline-flex;
   flex-wrap: wrap;
}

@media screen and (min-width:992px) and (max-width:1199px){
  .nav-box .navbar-brand{
    width: 85%;
  }
  .footer-two .logo{
    width: 65%;
  }
}

@media (min-width: 768px) {

  .blog-area .home-blog-style-one-item img {
    min-height: 475px;
  }
  .banner-style-five .thumb-right{
    min-height: 100vh;
  }
  .services-five-thumb img{
    /* max-width: 340px; */
    transition: transform 1s;
    transform-style: preserve-3d; 
  }
  .services-five-thumb img:hover{
    transform: scale(1.1);
  }  
}

@media (max-width: 767px) {
    .banner-style-five .thumb-right{
    min-height: 200px;
  }
}
/* media style end */




/* --2026-01-01--> */
.blog-area.single .item .blog-item-box span.padleft{
  font-size: 20px;letter-spacing: 1px;
  background-color: rgb(184, 27, 27);
  font-weight: bold;
  padding:0px;
  margin-right: 8px;
}
.blog-area.single .item h5{
  margin-top:45px;
}
.blog-area.single .item li{
  margin:10px 0px;
}

.blog-area.single .item .blog-item-box span{
  background-color: transparent;
}