@charset "utf-8";
/* CSS Document */
    .outer-swiper {width:100vw;height:100vh;}
    .outer-swiper .swiper-slide {width:100%;height:100%;position:relative;}
    .inner-swiper {width:100%;height:100%;}
	
	.head{position:static;}
	.head .toubu-bj {top:0;}
	.index-box2 .swiper-slide{position:relative;}
	.index-box2 .inner-swiper .swiper-slide .text {text-align:left;}
	.index-box2 .swiper-pagination{bottom:5%;font-size:0;}	
	.index-box2 .swiper-pagination .swiper-pagination-bullet{width:18px;height:18px;margin:0 10px;}
	.clients-said .swiper-button-prev,.clients-said .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 65%);right:auto;}
	.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {left:72%;}
	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content:'';}
	.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content:'';}
	.choose .swiper{overflow:visible;}


    .index-box2 {width: 100%;height: 100%;position: relative;}
    .index-box2 .swiper-slide {position: relative;overflow: hidden;}
    /* 渐变遮罩 */
    .index-box2 .swiper-slide::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* background: linear-gradient(135deg, rgba(28, 68, 156, 0.4) 0%,rgba(0, 0, 0, 0.6) 50%,rgba(28, 68, 156, 0.4) 100%); */z-index: 1;pointer-events: none; mix-blend-mode: multiply;}
    /* 背景图 - 缩放动画 */
    .index-box2 .swiper-slide .ban-img {width: 100%;height: 100%;object-fit: cover;transition: transform 8s ease;transform: scale(1);}
    .index-box2 .swiper-slide-active .ban-img {transform: scale(1.1);}
    /* ===== 文字渐入效果核心样式 ===== */
    .index-box2 .swiper-slide .text {transform: translateY(10%);z-index:10;color:#fff;}
    /* 标题 - 多种渐入效果组合 */
	.index-box2 .swiper-slide .text h1{line-height: 1.1;  /*text-transform: uppercase;background: linear-gradient(135deg, #fff, #fff, #fff);-webkit-background-clip: text; -webkit-text-fill-color: transparent;text-shadow: 0 0 30px rgba(28, 68, 156, 0.5);opacity: 0;*/filter: blur(10px);transform: translateX(-100px) rotate(-5deg);transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;}
	.index-box2 .swiper-slide-active .text h1 {opacity: 1;filter: blur(0);transform: translateX(0) rotate(0);}
    /* 描述文字 - 3D翻转效果 */
    .index-box2 .swiper-slide .text p {font-size: 18px;line-height: 1.8;margin-bottom: 30px;max-width: 600px;color: rgba(255,255,255,0.9);opacity: 0;transform: perspective(500px) rotateX(-45deg) translateY(50px);transform-origin: top;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;}
    .index-box2 .swiper-slide-active .text p {opacity: 1;transform: perspective(500px) rotateX(0) translateY(0);}
    .index-box2 .swiper-slide .text button {background: linear-gradient(45deg, #1C449C, #2a5ac9, #4a7aff);background-size: 200% 200%;font-size: 18px;font-weight: 600;color: #fff;border: none;padding: 15px 40px;border-radius: 50px;cursor: pointer;position: relative;overflow: hidden;opacity: 0;transform: translateY(50px) scale(0.8);transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s;box-shadow: 0 10px 30px rgba(28, 68, 156, 0.4);letter-spacing: 1px;animation: gradientMove 3s ease infinite;}
    @keyframes gradientMove {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }
    .index-box2 .swiper-slide-active .text button {opacity: 1;transform: translateY(0) scale(1);}
    .index-box2 .swiper-slide .text button::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition: left 0.5s ease;}
    .index-box2 .swiper-slide .text button:hover::before {left: 100%;}
    .index-box2 .swiper-slide .text button:hover {transform: translateY(-3px) scale(1.05);box-shadow: 0 15px 40px rgba(28, 68, 156, 0.6);}
    .index-box2 .swiper-slide-active .text ul li:nth-child(1) { transition-delay: 0.6s; }
    .index-box2 .swiper-slide-active .text ul li:nth-child(2) { transition-delay: 0.7s; }
    .index-box2 .swiper-slide-active .text ul li:nth-child(3) { transition-delay: 0.8s; }
    .index-box2 .swiper-slide .icon1,
    .index-box2 .swiper-slide .icon2 {opacity: 0;filter: drop-shadow(0 10px 20px rgba(0,0,0,0.3));/* 初始状态 */transform: translateY(30px);
transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.9s;}

    .index-box2 .swiper-slide-active .icon1,
    .index-box2 .swiper-slide-active .icon2 {opacity:1;transform: translateY(0);}
    .index-box2 .swiper-slide .icon1 {animation-delay: 0s;}
    .index-box2 .swiper-slide .icon2 {animation-delay: 1.5s;}
    @keyframes floatIcon {
        0%, 100% { transform: translateY(0) rotate(0deg); }
        50% { transform: translateY(-20px) rotate(5deg); }
    }
    /* 高级百叶窗效果 */
    .index-box2 .swiper-slide .blind-container {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;z-index: 20;pointer-events: none;perspective: 1000px;}
    .index-box2 .swiper-slide .blind {height:100%;flex:1;background: linear-gradient(135deg, rgba(28, 68, 156, 0.4) 0%,rgba(255, 255, 255, 0.2) 50%,rgba(28, 68, 156, 0.4) 100%);backdrop-filter: blur(5px);border-left: 1px solid rgba(255, 255, 255, 0.2);border-right: 1px solid rgba(28, 68, 156, 0.3);transform-origin: center;transform-style: preserve-3d;animation: advancedBlind 1.2s cubic-bezier(0.65, 0, 0.35, 1) forwards;opacity: 1;box-shadow:0 0 30px rgba(0,0,0,0.2);}

    @keyframes advancedBlind {
        0%  {transform: rotateX(0deg) scaleY(1);opacity: 1;}
        30% {transform: rotateX(45deg) scaleY(0.8);opacity: 0.8;}
        60% {transform: rotateX(90deg) scaleY(0.4);opacity: 0.4;}
        100% {transform: rotateX(180deg) scaleY(0);opacity: 0;}
    }
    /* 叶片延迟 */
    .index-box2 .swiper-slide .blind:nth-child(1) { animation-delay: 0s; }
    .index-box2 .swiper-slide .blind:nth-child(2) { animation-delay: 0.05s; }
    .index-box2 .swiper-slide .blind:nth-child(3) { animation-delay: 0.1s; }
    .index-box2 .swiper-slide .blind:nth-child(4) { animation-delay: 0.15s; }
    .index-box2 .swiper-slide .blind:nth-child(5) { animation-delay: 0.2s; }
    .index-box2 .swiper-slide .blind:nth-child(6) { animation-delay: 0.25s; }
    .index-box2 .swiper-slide .blind:nth-child(7) { animation-delay: 0.3s; }
    .index-box2 .swiper-slide .blind:nth-child(8) { animation-delay: 0.35s; }
    .index-box2 .swiper-slide .blind:nth-child(9) { animation-delay: 0.4s; }
    .index-box2 .swiper-slide .blind:nth-child(10) { animation-delay: 0.45s; }