@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;}
body{ font-size:16px;font-family:"微软雅黑"; background-color:#2941d8;  -webkit-tap-highlight-color: transparent;background-image: url('header03.jpg'), url('footer02.jpg');background-repeat: no-repeat, no-repeat; background-position: center top, center bottom; background-size: contain,contain;}
ul,ol,dl,li {list-style:none;}
img {border:0;}
a {text-decoration:none;color:#000}
a:hover { text-decoration:none;color:#000;}

#header{width:96%;height:240px;margin:0;float:left;margin-top:45%;overflow: hidden;margin-left: 2%}
#footer{width:100%;height:205px;margin:0;float:left;margin-top:30%;}
#footer img{width: 15%;margin: 0 auto;}

.player{width: 94%;height: 13rem;background-color: #8F8B8B;float: left;margin-top: 2rem;margin-left: 3%}
.ct{width: 100%;float: left;margin-top: 2rem;}
.news{width: 100%;float: left;margin-top: 2rem;}
.jckd{width: 96%;margin-left: 2%;float: left;margin-top: 2rem;}
.title{text-align: left;margin-left: 1rem;color: #fff;display: flex;}
.title h1{font-size:1.2rem;width:83%;}
.title span{float:right;font-size:1.1rem;font-weight: bold;}
.more{text-align: center;padding-top: 2rem;clear: both;padding-bottom: 2rem;}
.more button{background-color:#2563eb;color: #fff;width: 30%;height: 3rem;border-radius: 50px;border:0;}
.more2{text-align: center;padding-top: 0.5rem;clear: both;}
.more2 button{background-color:#2563eb;color: #fff;width: 50%;height: 3rem;border-radius: 50px;border:0;font-weight: bolder;font-size:1.3rem;}


/* 自定义过渡动画类 */
.image-container {
	transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
	position: relative;
}

/* 初始状态：限制高度 (移动端通常较小) */
.collapsed {
	height: 200px; 
}

/* 展开状态 */
.expanded {
	height: auto;
	max-height: 2000px;
}

/* 按钮点击反馈 */
.btn-active:active {
	transform: scale(0.95);
	background-color: #4338ca; /* indigo-700 */
}

/* 渐变遮罩层 */
.fade-mask {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: linear-gradient(to bottom, transparent, rgba(255,255,255,1));
	pointer-events: none;
	opacity: 1;
	transition: opacity 0.3s ease;
	z-index: 10;
}

.expanded .fade-mask {
	opacity: 0;
}

/* 防止图片加载时的布局抖动 */
img {
	display: block;
	width: 100%;
}

.list{width: 96%;margin-left: 1%;margin-top: 2rem;}
.list ul{margin: 0; list-style-type: none; }
.list ul li{width: 48%;margin-left: 2%; float: left;margin-top: 2%;height: 10.8rem;}
.list ul li p{font-size: 1rem;color: #fff;text-align: center}
.list ul li p a{color: #fff;}
.list ul li img{width: 100%;height: 8rem;background-color: #777071;object-fit:cover;object-position:center;}

.zhibo{width: 100%;float: left;margin-top: 2rem;}
.zbimg{width: 96%;margin-left: 2%;margin-top: 2rem;}
.zbimg img{width: 100%;object-fit:cover;object-position:center;}
.zbimg p{margin-top: 0.5rem;color: #fff;}
.zbimg p a{color: #fff;}
.wenzi{width: 96%;margin-left: 2%;margin-top: 1.5rem;color: #fff;}
.wenzi ul{margin: 0;padding: 0;list-style-type: none;}
.wenzi ul li{width: 100%;float: left;padding: 1% 0;}
.wenzi ul li a{color: #fff;}


/* 隐藏滚动条但保持功能 */
        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }
        .scrollbar-hide {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* 轮播容器样式 */
        .carousel-container {
            position: relative;
            width: 100%;
            overflow: hidden;
            border-radius: 1rem;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
            touch-action: pan-y; /* 允许垂直滚动，禁止水平默认行为以便JS处理 */
        }

        /* 轨道样式 */
        .carousel-track {
            display: flex;
            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            width: 100%;
            will-change: transform; /* 性能优化 */
        }

        /* 单个幻灯片样式 */
        .carousel-slide {
            min-width: 100%;
            position: relative;
            cursor: pointer;
        }

        /* 图片样式 */
        .carousel-image {
            width: 100%;
            height: 240px; /* 固定高度，适应手机端 */
            object-fit: cover;
            display: block;
            pointer-events: none; /* 防止图片拖拽干扰滑动 */
        }

        /* 遮罩层，让文字更清晰（如果有文字的话） */
        .overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 23%;
            padding-left:2%;
            color:#fff;
            background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
            pointer-events: none;
        }

        /* 分页点容器 */
        .pagination {
            position: absolute;
            bottom: 16px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 8px;
            z-index: 10;
        }

        /* 分页点样式 */
        .dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .dot.active {
            background-color: #ffffff;
            width: 24px;
            border-radius: 4px;
        }

        /* 点击反馈动画 */
        .click-feedback {
            animation: pulse 0.3s ease-in-out;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(0.98); }
            100% { transform: scale(1); }
        }