@charset "utf-8";

/*网站顶部css开始*/
#flash{width:100%;height:auto;float:left;overflow:hidden;}
.flash{ position:relative; width:100%;background:#ececec;margin:0; padding:0;}
.flash .swipe{overflow: hidden;visibility: hidden;position:relative;}
.flash .swipe-wrap{overflow:hidden;position:relative;}
.flash .swipe-wrap > div {float: left;width: 100%;position:relative;}
.flash .swipe-wrap > div img{width:100%;max-width:1920px;height:auto;margin:0 auto;display:block;overflow:hidden}
#position{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0; background:#000; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:right;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}
.img-responsive { display: block; max-width:100%;height: auto;}

@media screen and (max-width:960px){
#flash{background:#ffffff;width:100%;height:auto;float:left;overflow:hidden;}
}
/*网站顶部css结束*/

/*首页内容css开始*/
#indexbody{width:100%;height:auto;margin:0 auto;overflow:hidden}
#indexbody #service{width:1200px;margin:0px auto;height:auto;overflow:hidden}
#indexbody #service > #title{width:1200px;height:80px;border-bottom:1px #dcdcdc solid;position:relative;}
#indexbody #service > #title > #text{background:#ffffff;width:200px;height:80px;line-height:30px;position:absolute;left:500px;top:45px;z-index:999;font-size:24px;text-align:center;color:#697B85;display:block;}
#indexbody #service > #title > #text span{font-size:24px;color:#AEAEAE;font-family:Verdana, Aria, Helvetica, sans-serif, 宋体;text-align:center;display:block;}
#indexbody #service dl{width:250px;height:330px;margin:0;padding:0;margin-top:65px;margin-right:65.66px;border:0px #cccccc solid;float:left;overflow:hidden}
#indexbody #service dl > a{background:#ffffff;width:248px !important;width:250px;height:328px !important;height:330px;margin:0;padding:0;display:block;border:1px #ececec solid;overflow:hidden}
#indexbody #service dl > a:hover{background:#003399;width:248px !important;width:250px;height:328px !important;height:330px;margin:0;padding:0;border:1px #003399 solid;color:#ffffff;overflow:hidden}
#indexbody #service > #last{width:250px;height:330px;margin:0;padding:0;margin-top:65px;margin-right:0px;float:left;overflow:hidden}
#indexbody #service dl dt{width:248px;height:294px;text-align:center;overflow:hidden;}
#indexbody #service dl dt >img{width:250px;height:294px;border:0px}
#indexbody #service dl dd{width:250px;height:35px;line-height:35px;font-size:18px;text-align:center;overflow:hidden}

/*---------- Start Website Construction ----------*/

.website{width:94%;max-width:1560px;margin:3rem auto;overflow: hidden;}

.website #websiteTitle{width:100%;height:auto;margin:2rem auto;overflow:hidden}
.website #websiteTitle h2{width:100%;height:3rem;line-height:3rem;font-size:1.8rem;font-weight:bold;letter-spacing:1rem;text-align:center;display:block;overflow:hidden}
.website #websiteTitle p{width:100%;height:2rem;line-height:2rem;font-size:1.1rem;text-align:center;color:#666666;display:block;overflow:hidden;text-transform: uppercase;}

ul.products {width: 100%;height:100%;margin:0 auto;margin-bottom:3rem;overflow: hidden;}

ul.products li{width:23%;height:auto;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;margin-left:1%;float:left;overflow: hidden;}
ul.products li .inner{width:100%;height:auto;float:left;overflow:hidden}
ul.products li .inner p.pritem-title{width:100%;height:4rem;line-height:4rem;background:#F6F7F9;font-size:1.2rem;font-weight:bold;color:#222;text-align:center;overflow:hidden}
ul.products li .inner p #pritem-title1{background:url(../images/icon/website-icon.png) 0 0 none-repeat;}
ul.products li .inner p.pritem-price{width:90%;height:4rem;line-height:4rem;margin:0 auto;border-bottom:1px #ececec solid;font-size:1rem;text-align:center;overflow:hidden}
ul.products li .inner p.pritem-price span{margin-left:1rem;color:#ff0000;font-size:1.2rem;font-weight:bold;}
ul.products li .inner p.pritem-con{width:90%;height:auto;line-height:1.8rem;margin:1.5rem auto;overflow:hidden;}
ul.products li .inner button{background:#F0F3F4;width:160px;height:2.5rem;line-height:2.5rem;color:#1F89E5;font-size:1.1rem;font-weight:bold;text-align:center;display:block;margin:1rem auto;border:0;border-radius:5px;margin-bottom:2rem;overflow:hidden}

ul.products li:hover{width:23%;height:auto;border:1px #008ADD solid;box-shadow:0 0 5px rgba(0,0,0,0.3);transition:all 0.3s linear;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;margin-left:1%;float:left;overflow: hidden;}
ul.products li:hover .inner{width:100%;height:auto;float:left;overflow:hidden}
ul.products li:hover .inner p.pritem-title{width:100%;height:4rem;line-height:4rem;background:#008ADD;font-size:1.2rem;font-weight:bold;color:#fff;text-align:center;overflow:hidden}
ul.products li:hover .inner p.pritem-price{width:90%;height:4rem;line-height:4rem;margin:0 auto;border-bottom:1px #ececec solid;font-size:1rem;text-align:center;overflow:hidden}
ul.products li:hover .inner p.pritem-price span{margin-left:1rem;color:#ff0000;font-size:1.2rem;font-weight:bold;}
ul.products li:hover .inner p.pritem-con{width:90%;height:auto;line-height:1.8rem;margin:1.5rem auto;overflow:hidden;}
ul.products li:hover .inner button{background:#008ADD;width:160px;height:2.5rem;line-height:2.5rem;color:#fff;font-size:1.1rem;font-weight:bold;text-align:center;display:block;margin:1rem auto;border:0;border-radius:5px;margin-bottom:2rem;overflow:hidden}

.box {width:23%;height:auto;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;margin-left:1%;float:left;overflow: hidden;}     
/* 被选中的状态 */
.box.active {width:23%;height:auto;border:1px #008ADD solid;box-shadow:0 0 5px rgba(0,0,0,0.3);transition:all 0.3s linear;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;margin-left:1%;float:left;cursor: grabbing;overflow: hidden;}
.box.active .inner{width:100%;height:auto;float:left;overflow:hidden}
.box.active .inner p.pritem-title{width:100%;height:4rem;line-height:4rem;background:#008ADD;font-size:1.2rem;font-weight:bold;color:#fff;text-align:center;overflow:hidden}
.box.active .inner p.pritem-price{width:90%;height:4rem;line-height:4rem;margin:0 auto;border-bottom:1px #ececec solid;font-size:1rem;text-align:center;overflow:hidden}
.box.active .inner p.pritem-price span{margin-left:1rem;color:#ff0000;font-size:1.2rem;font-weight:bold;}
.box.active .inner p.pritem-con{width:90%;height:auto;line-height:1.8rem;margin:1.5rem auto;overflow:hidden;}
.box.active .inner button{background:#008ADD;width:160px;height:2.5rem;line-height:2.5rem;color:#fff;font-size:1.1rem;font-weight:bold;text-align:center;display:block;margin:1rem auto;border:0;border-radius:5px;margin-bottom:2rem;overflow:hidden}
/*---------- End Website Construction ----------*/

#indexbody #aboutus{background:#ececec url(../images/aboutus_bg.png) top center no-repeat;width:100%;margin:0px auto;margin-top:50px;height:auto;overflow:hidden}
#indexbody #aboutus > #title{width:94%;max-width:1560px;height:2rem;text-align:center;font-size:1.5rem;color:#ffffff;margin:0 auto;margin-top:4rem;margin-bottom:2rem;overflow:hidden}
#indexbody #aboutus > #abcon{width:94%;max-width:1560px;height:400px;margin:0 auto;text-align:left;line-height:2rem;color:#ffffff;overflow:hidden}
#indexbody #aboutus > #abcon a{color:#ffffff;font-size:14px;}
#indexbody #aboutus > #abcon img{float:right;}

#indexbody #cases{width:100%;margin:0px auto;height:auto;overflow:hidden}
#indexbody #cases > #title{width:100%;height:80px;line-height:40px;font-size:24px;color:#697B85;text-align:center;display:block;margin:2rem auto;}
#indexbody #cases > #title span{font-size:24px;color:#AEAEAE;font-family:Verdana, Aria, Helvetica, sans-serif, 宋体;text-align:center;display:block;}
#indexbody #cases > dl{width:25%;height:auto;margin:0;position:relative;float:left;overflow:hidden}
#indexbody #cases > dl:hover{width:25%;height:auto;margin:0;position:relative;float:left;overflow:hidden}
#indexbody #cases > dl img{width:100%;height:auto;margin:0;border:0;display:block;-webkit-transition:0.3s;-moz-transition:0.3s;transition:all 0.3s linear;overflow:hidden}
#indexbody #cases > dl img:hover{transform:scale(1.1);cursor: pointer}
#indexbody #cases > dl dt{display:none}
#indexbody #cases > dl dd{display:none}
#indexbody #cases > dl:hover dt{background:#000000;filter:alpha(opacity = 50);opacity:0.5;width:100%;height:2.4rem;line-height:2.4rem;font-size:1.2rem;color:#ffffff;position:absolute;z-index:99;left:0;bottom:2rem;padding:0 1rem;display:block;overflow:hidden}
#indexbody #cases > dl:hover dd{background:#000000;filter:alpha(opacity = 50);opacity:0.5;width:100%;height:2rem;line-height:1rem;color:#ffffff;position:absolute;z-index:99;left:0;bottom:0rem;padding:0 1rem;padding-bottom:0.5rem;display:block;overflow:hidden}
#indexbody #cases > dl:hover dd a{color:#ffffff;}

#indexbody #Information{width:1200px;margin:0px auto;margin-bottom:50px;height:auto;overflow:hidden}
#indexbody #Information > #title{width:1200px;height:80px;border-bottom:1px #dcdcdc solid;position:relative;}
#indexbody #Information > #title > #text{background:#ffffff;width:200px;height:80px;line-height:30px;position:absolute;left:500px;top:45px;z-index:999;font-size:24px;color:#697B85;text-align:center;display:block;}
#indexbody #Information > #title > #text span{font-size:24px;color:#AEAEAE;font-family:Verdana, Aria, Helvetica, sans-serif, 宋体;text-align:center;display:block;}
#indexbody #Information > .infocon{width:350px;height:420px;margin:0;padding:0;margin-top:65px;margin-right:50px;float:left;overflow:hidden}
#indexbody #Information > .infocon .Infotitle{width:350px;height:40px;line-height:40px;color:#333333;text-align:left;border-bottom:1px #dcdcdc solid;overflow:hidden}
#indexbody #Information > .infocon .Infotitle >h3{width:250px;height:40px;line-height:40px;text-align:left;float:left;overflow:hidden}
#indexbody #Information > .infocon .Infotitle >h3 a{font-size:18px;color:#333333;}
#indexbody #Information > .infocon .Infotitle >span{width:100px;height:40px;line-height:40px;text-align:right;float:left;overflow:hidden}
#indexbody #Information > .infocon .Infotitle >span a{font-size:14px;color:#999999;}
#indexbody #Information > .infocon .Infopic{width:350px;height:100px;margin:15px auto;overflow:hidden}
#indexbody #Information > .infocon ul{width:350px;height:280px;margin:0;padding:0;overflow:hidden}
#indexbody #Information > .infocon ul li{background:url(../images/news_icon.jpg) left center no-repeat;width:335px !important;width:350px;padding-left:15px;text-align:left;height:30px;line-height:30px;display:block;overflow:hidden}
#indexbody #Information > .infocon ul li a{font-size:14px;}
/*首页内容css结束*/

.service{width:94%;max-width:1560px;height:auto;margin:2rem auto;overflow:hidden}

.service #New_news{width:720px;height:auto;float:left;overflow:hidden}
.service #New_news > #Nnewscon{width:100%;height:auto;margin:0 auto;overflow:hidden}
.service #New_news > #Nnewscon ul{width:100%;height:auto;overflow:hidden}
.service #New_news > #Nnewscon ul li{width:46%;height:auto;margin:0rem 2%;margin-bottom:2rem;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;float:left;overflow:hidden}
.service #New_news > #Nnewscon ul li:hover{width:46%;height:auto;margin:0rem 2%;margin-bottom:2rem;border:1px #cc0000 solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */transform:scale(1.03);cursor: pointer;float:left;overflow:hidden}
.service #New_news > #Nnewscon ul li span{width:100%;height:240px;display:block;overflow:hidden}
.service #New_news > #Nnewscon ul li span img{width:100%;height:auto;display:block;overflow:hidden}
.service #New_news > #Nnewscon ul li p{width:100%;height:2rem;line-height:2rem;padding-left:15px;font-size:14px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.service #New_news > #Nnewscon ul li p img{width:auto;height:1rem;border:0;vertical-align:middle;}
.service #New_news > #Nnewscon a{font-size:14px;}

.service #todayNews{width:440px;height:auto;float:left;margin-left:40px;border-top:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;overflow:hidden}
.service #todayNews > #tn_title{width:25%;height:50px;line-height:50px;font-size:18px;color:#ff0000;font-weight:bold;padding-left:15px;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;border-top:2px #ff0000 solid;float:left;overflow:hidden;}
.service #todayNews > #tn_con{width:100%;height:auto;overflow:hidden;}
.service #todayNews > #tn_con ul{width:100%;height:auto;overflow:hidden;}
.service #todayNews > #tn_con ul li{width:100%;height:30px;line-height:30px;display:list-item;list-style-type:disc;list-style-position:inside;overflow:hidden;}
.service #todayNews > #tn_con #tn_con_first{width:100%;height:100px;line-height:30px;list-style-type:none;color:#999999;overflow:hidden;}
.service #todayNews > #tn_con #tn_con_first #tncon_first_title{width:100%;height:40px;line-height:40px;text-align:center;font-size:18px;overflow:hidden;}
.service #todayNews > #tn_con #tn_con_first #tncon_first_title a{font-size:18px;font-weight:bold}

.frimenu{width:94%;height:45px;line-height:45px;font-family:微软雅黑, 'Microsoft Yahei', Arial, Helvetica, sans-serif,Verdana;font-size:14px;text-align:left;margin:0 auto;overflow:hidden}
.frimenu a{font-family:微软雅黑, 'Microsoft Yahei', Arial, Helvetica, sans-serif,Verdana;font-size:14px;}

@media screen and (max-width: 960px) {

#contentbody{width:100%;height:auto;margin:15px auto;margin-bottom:6.5em;overflow:hidden}
#contentbody > #left{width:94%;height:auto;margin:0 auto;margin-left:3%;overflow:hidden}
#contentbody > #right{width:0px;height:0px;display:none;overflow:hidden}

.website{width:100%;margin:1rem auto;overflow: hidden;}
.website #websiteTitle{width:100%;height:auto;margin:1rem auto;overflow:hidden}
.website #websiteTitle h2{width:100%;height:1.6rem;line-height:1.6rem;font-size:1.3rem;font-weight:bold;text-align:center;display:block;overflow:hidden}
.website #websiteTitle p{width:100%;height:1.5rem;line-height:1.5rem;font-size:0.9rem;text-align:center;color:#666666;display:block;overflow:hidden;text-transform: uppercase;}

ul.products {width: 100%;height:100%;margin:0 auto;margin-bottom:0;overflow: hidden;}
ul.products li{width:96%;margin-left:2%;float:left;margin-bottom:2rem;overflow: hidden;}
ul.products li:hover{width:96%;margin-left:2%;float:left;margin-bottom:2rem;overflow: hidden;}
.box {width:96%;margin-left:2%;float:left;margin-bottom:2rem;overflow: hidden;}     
/* 被选中的状态 */
.box.active {width:96%;margin-left:2%;float:left;margin-bottom:2rem;cursor: grabbing;overflow: hidden;}

#indexbody #cases{width:100%;margin:0px auto;height:auto;overflow:hidden}
#indexbody #cases > #title{width:100%;height:80px;line-height:40px;font-size:24px;color:#697B85;text-align:center;display:block;margin:2rem auto;}
#indexbody #cases > #title span{font-size:24px;color:#AEAEAE;font-family:Verdana, Aria, Helvetica, sans-serif, 宋体;text-align:center;display:block;}
#indexbody #cases > dl{width:50%;height:auto;margin:0;position:relative;float:left;overflow:hidden}
#indexbody #cases > dl:hover{width:50%;height:auto;margin:0;position:relative;float:left;overflow:hidden}

#indexbody #aboutus{background:#ececec url(../images/aboutus_bg.png) top center no-repeat;width:100%;margin:0px auto;margin-top:0;height:80vh;overflow-y: auto;}
 /* 隐藏滚动条但保持滚动功能 */
#indexbody #aboutus::-webkit-scrollbar {
            width: 0;
            background: transparent;
        }
        
        /* 兼容Firefox */
#indexbody #aboutus {
            scrollbar-width: none;
        }
        
        /* 兼容IE和Edge */
#indexbody #aboutus {
            -ms-overflow-style: none;
        }
#indexbody #aboutus > #title{width:96%;max-width:1560px;height:2rem;text-align:center;font-size:1.5rem;color:#ffffff;margin:0 auto;margin-top:2rem;margin-bottom:0.6rem;overflow:hidden}
#indexbody #aboutus > #abcon{width:96%;max-width:1560px;height:auto;margin:0 auto;text-align:left;line-height:1.5rem;color:#ffffff;overflow:hidden}
#indexbody #aboutus > #abcon a{color:#ffffff;font-size:14px;}
#indexbody #aboutus > #abcon img{width:50%;display:block;margin-bottom:1rem;margin:auto 25%;overflow:hidden}

.service #New_news{width:100%;height:auto;float:left;overflow:hidden}
.service #New_news > #Nnewscon{width:100%;height:auto;margin:0 auto;overflow:hidden}
.service #New_news > #Nnewscon ul{width:100%;height:auto;overflow:hidden}
.service #New_news > #Nnewscon ul li{width:50%;height:auto;margin:0rem 0;margin-bottom:1rem;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;float:left;overflow:hidden}
.service #New_news > #Nnewscon ul li:hover{width:50%;height:auto;margin:0rem 0%;margin-bottom:1rem;border:1px #cc0000 solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */transform:scale(1.03);cursor: pointer;float:left;overflow:hidden}
.service #New_news > #Nnewscon ul li span{width:100%;height:auto;display:block;overflow:hidden}
.service #New_news > #Nnewscon ul li span > img{width:100%;height:40vw;display:block;overflow:hidden}
.service #New_news > #Nnewscon ul li p{width:100%;height:2rem;line-height:2rem;padding-left:15px;font-size:14px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.service #New_news > #Nnewscon ul li p img{width:auto;height:1rem;border:0;vertical-align:middle;}
.service #New_news > #Nnewscon a{font-size:14px;}

.service #todayNews{width:100%;height:auto;float:left;margin-left:0;border-top:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;overflow:hidden}
.service #todayNews > #tn_title{width:25%;height:50px;line-height:50px;font-size:18px;color:#ff0000;font-weight:bold;padding-left:15px;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;border-top:2px #ff0000 solid;float:left;overflow:hidden;}
.service #todayNews > #tn_con{width:100%;height:auto;overflow:hidden;}
.service #todayNews > #tn_con ul{width:100%;height:auto;overflow:hidden;}
.service #todayNews > #tn_con ul li{width:100%;height:30px;line-height:30px;display:list-item;list-style-type:disc;list-style-position:inside;overflow:hidden;}
.service #todayNews > #tn_con #tn_con_first{width:100%;height:100px;line-height:30px;list-style-type:none;color:#999999;overflow:hidden;}
.service #todayNews > #tn_con #tn_con_first #tncon_first_title{width:100%;height:40px;line-height:40px;text-align:center;font-size:18px;overflow:hidden;}
.service #todayNews > #tn_con #tn_con_first #tncon_first_title a{font-size:18px;font-weight:bold}
}


/* 轮播主容器 - 固定框架 */
.carousel-container {position: relative;width:100%;max-width:1920px;aspect-ratio:1920/640 ;margin:0 auto;overflow: hidden;background: #1a1a1a;}

/* 轮播图区域 */
.carousel {position: relative;width: 100%;height: 100%;}

/* 所有轮播项 */
.carousel-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
}

/* 当前激活的轮播项 */
.carousel-item.active {
opacity: 1;
visibility: visible;
z-index: 2;
}

/* 图片样式 */
.carousel-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

/* 图片暗色遮罩 - 让文字更清晰 */
.carousel-item::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
z-index: 1;
pointer-events: none;
}

/* 文字内容区域 - 绝对定位在图片上 */
.carousel-caption {
position: absolute;
bottom: 35%;
left: 8%;
right: 8%;
z-index: 3;
color: #fff;
text-shadow: 0 4px 15px rgba(0,0,0,0.8);
transform: translateY(30px);
opacity: 0;
transition: all 0.6s ease-out 0.3s;
}

/* 激活时文字动画 */
.carousel-item.active .carousel-caption {
transform: translateY(0);
opacity: 1;
}

/* H5 标题 - 大号醒目 */
.carousel-caption h5 {
font-size: clamp(2.5rem, 8vw, 5rem);
font-weight: 800;
line-height: 1.2;
margin-bottom: 15px;
background: linear-gradient(135deg, #fff, #ffd966);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
letter-spacing: 2px;
text-transform: uppercase;
animation: glow 2s ease-in-out infinite alternate;
}

/* 副标题/描述 */
.carousel-caption p {
font-size: clamp(1.1rem, 3vw, 1.8rem);
font-weight: 300;
line-height: 1.6;
max-width: 70%;
padding-left: 20px;
border-left: 5px solid #ffd966;
backdrop-filter: blur(5px);
background: rgba(0,0,0,0.2);
padding: 12px 20px;
border-radius: 0 50px 50px 0;
}

/* 标题发光效果 */
@keyframes glow {
from { text-shadow: 0 0 10px rgba(255,215,0,0.5); }
to { text-shadow: 0 0 25px rgba(255,215,0,0.9); }
}

/* 导航点指示器 */
.carousel-indicators {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 15px;
z-index: 10;
}

.indicator {
width: 60px;
height: 6px;
background: rgba(255,255,255,0.4);
border-radius: 10px;
cursor: pointer;
transition: all 0.3s ease;
border: none;
padding: 0;
}

.indicator.active {
background: #ffd966;
width: 90px;
box-shadow: 0 0 15px #ffd966;
}

/* 左右箭头导航 */
.carousel-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 50px;
background: rgba(0,0,0,0.4);
backdrop-filter: blur(5px);
border: 2px solid rgba(255,255,255,0.3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
color: white;
cursor: pointer;
z-index: 10;
transition: all 0.3s;
user-select: none;
}

.carousel-arrow:hover {
background: rgba(255,215,0,0.8);
border-color: #ffd966;
transform: translateY(-50%) scale(1.1);
}

.carousel-arrow.prev {
left: 20px;
}

.carousel-arrow.next {
right: 20px;
}

/* 自动轮播状态提示 */
.auto-play-status {position: absolute;top: 20px;
right: 20px;
background: rgba(0,0,0,0.5);
backdrop-filter: blur(5px);
color: white;
padding: 8px 16px;
border-radius: 30px;
font-size: 14px;
z-index: 10;
border: 1px solid rgba(255,215,0,0.3);
}

.auto-play-status span {
color: #ffd966;
font-weight: bold;
}

/* 响应式调整 */
@media (max-width: 768px) {

.carousel-caption p {max-width: 100%;padding: 10px 15px;}
.indicator {width: 40px;}
.indicator.active {width: 60px;}
.carousel-arrow {width: 30px;height: 30px;font-size: 24px;}

.carousel-caption {
position: absolute;
bottom: 35%;
left: 8%;
right: 8%;
z-index: 3;
color: #fff;
text-shadow: 0 4px 15px rgba(0,0,0,0.8);
transform: translateY(30px);
opacity: 0;
transition: all 0.6s ease-out 0.3s;
}

.carousel-arrow.prev {
left: 10px;
}

.carousel-arrow.next {
right: 10px;
}

/* 激活时文字动画 */
.carousel-item.active .carousel-caption {
transform: translateY(0);
opacity: 1;
}

.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
z-index: 10;
}

/* H5 标题 - 大号醒目 */
.carousel-caption h5 {
font-size: clamp(1.2rem, 8vw, 2.5rem);
font-weight: 200;
line-height: 1.2;
margin-bottom: 8px;
background: linear-gradient(135deg, #fff, #ffd966);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
letter-spacing: 2px;
text-transform: uppercase;
animation: glow 2s ease-in-out infinite alternate;
}

/* 副标题/描述 */
.carousel-caption p {
font-size: clamp(1rem, 3vw, 1.2rem);
font-weight: 100;
line-height: 1.2;
max-width: 80%;
padding-left: 10px;
border-left: 2px solid #ffd966;
backdrop-filter: blur(5px);
background: rgba(0,0,0,0.2);
padding: 12px 20px;
border-radius: 0 5px 5px 0;
}
/* 左右箭头导航 */
.carousel-arrow {
position: absolute;
top: 45%;
transform: translateY(-50%);
width: 2rem;
height: 2rem;
background: rgba(0,0,0,0.1);
backdrop-filter: blur(5px);
border: 2px solid rgba(255,255,255,0.3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
color: white;
cursor: pointer;
z-index: 10;
transition: all 0.3s;
user-select: none;
}

}