@charset "UTF-8";
/* CSS Document */
.indtop{
    width: 100%;
    background: #000;
    padding: .5rem 0 0 0;
}
.top{
    width: 100%;
	max-width: 768px;
	background: #000;
	position: fixed;
	top: 0;
	z-index: 999999;
}
.kefubg{
	width: 100%;
	max-width: 768px;
	position: fixed;
	top: 1rem;
	z-index: 999999;
}
.kefu{
    width: .5rem;
	position: absolute;
	right: .1rem;
}
.banner{
	background: #000;
}
.banner .swiper-container .swiper-pagination{
    position: static;
    margin-top: .1rem;
}
.banner .swiper-pagination-bullet{
    width: .06rem;
    height: .06rem;
    background: #c3c4c5;
    border-radius: .03rem;
    opacity: 1;
    transition:all .3s;
}
.banner .swiper-pagination-bullet-active{
    background: #f96e1b;
    width: .17rem;
}
.xiazaibg{
    width: 100%;
    background: #000;
    padding: .2rem 0;
}
.xiazai{
	width: 2rem;
	margin: 0 auto;
}
.breathing-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            animation: breathe 3s ease-in-out infinite;
        }
/* 动画定义 */
        @keyframes breathe {
            0% {
                transform: scale(1);
                filter: blur(0) brightness(1);
            }
            50% {
                transform: scale(1.04);
                filter: blur(0) brightness(1.1);
            }
            100% {
                transform: scale(1);
                filter: blur(0) brightness(1);
            }
        }
        
        @keyframes textGlow {
            0% {
                text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            }
            100% {
                text-shadow: 0 2px 20px rgba(255, 255, 255, 0.5);
            }
        }
        
        @keyframes float {
            0%, 100% {
                transform: translateY(0) rotate(0deg);
            }
            50% {
                transform: translateY(-20px) rotate(10deg);
            }
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .breathing-box {
                width: 300px;
                height: 300px;
            }
            
            h1 {
                font-size: 2.2rem;
            }
        }
        
        @media (max-width: 480px) {
            .breathing-box {
                width: 250px;
                height: 250px;
            }
            
            h1 {
                font-size: 1.8rem;
            }
            
            .caption {
                font-size: 1rem;
            }
        }
.botan{
	width: 100%;
	max-width: 768px;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	bottom: 0;
	padding: .1rem 0;
	z-index: 999999;
}
.botan01{
	width: 48%;
	float: left;
}
.botan02{
	width: 48%;
	float: right;
}