@charset "UTF-8";:root{--swiper-navigation-size:44px;}.slide-area .title-area{color:#fff;position:absolute;top:25vh;left:15vw;text-shadow:#000 0 0 10px;width:45vw;height:27vh;display:flex;flex-direction:column;justify-content:center;}.slide-area .title-area h1.main-tit, .slide-area .title-area h2.main-tit{font-size:3.125vw;margin-bottom:.5em;color:#fff;}.slide-area .title-area p.sub-tit{font-size:0.9375vw;line-height:1.4583vw;letter-spacing:0;}.slide-area .title-area .arrow-container{display:block;width:100%;height:100%;cursor:pointer;position:absolute;top:0;}.slide-area .title-area .arrow-container .slide-arrow{width:100%;height:18px;background-repeat:no-repeat;background-position:96% bottom;position:absolute;bottom:0;}.swiper-renewal-main .swiper-slide video{max-width:100%;height:100%;object-fit:cover;width:100%;}.swiper-pagination2{width:100%;position:absolute;bottom:50%;color:#fff;z-index:5;}.main_slide_handler .swiper-button-prev{left:5%;}.main_slide_handler .swiper-button-next{right:5%;}.slide-area .swiper-pagination{bottom:20%;width:100%;float:left;}.slide-area .swiper-pagination span{margin-left:5px;margin-right:5px;width:15px;height:15px;background-color:#fff;border-radius:0;}.slide-area .swiper-pagination-bullet-active{background-color:#000;}.swiper-renewal-main .swiper-slide img{width:100%;height:100%;}.slide-area .swiper-button-next::after{content:"\f105";font:normal normal normal 30px/1 FontAwesome;line-height:40px;}.slide-area .swiper-button-prev::after{content:"\f104";font:normal normal normal 30px/1 FontAwesome;line-height:40px;}.slide-area  .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block;}.slide-area .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10;}.slide-area .swiper-button-next,.slide-area .swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));}.slide-area .swiper-button-next,.slide-area .swiper-button-prev,.slide-area .swiper-button-next::after,.slide-area .swiper-button-prev::after{font-size:20px;color:#fff;background:var(--Secondary);font-weight:bold;width:auto;width:43px;height:43px;border-radius:50%;text-align:center;} @media (min-width:1281px){.swiper-renewal-main .swiper-slide{position:relative;width:100%;height:100%;}} @media (max-width:1023px){.slide-area .bg{display:none;}.slide-area .title-area{color:#fff;position:absolute;top:15vh;left:10vw;text-shadow:#000 0 0 10px;width:calc(100% - 20vw);height:27vh;display:flex;flex-direction:column;justify-content:center;}.slide-area .title-area h1.main-tit, .slide-area .title-area h2.main-tit{font-size:46px;margin-bottom:.5em;}.slide-area .title-area p.sub-tit{font-size:14px;line-height:20px;letter-spacing:0;}.swiper-pagination2 .main_slide_handler{display:block;position:relative;width:100%;margin:0 auto;}.swiper-pagination2 .main_slide_handler a.slide_btn{position:absolute;left:calc(50% - 16px);top:calc(50% - 28px);}} @media (max-width:769px){.slide-area .title-area{top:2vh;}.slide-area .swiper-pagination{bottom:10%;}.slide-area .title-area h1.main-tit, .slide-area .title-area h2.main-tit{font-size:26px;margin-bottom:.5em;}.slide-area .title-area p.sub-tit{font-size:14px;line-height:20px;letter-spacing:0;}}

/* ===== 修复代码 20260818 ===== banner 高度链 + 标题居中（追加） */
.slide-area{position: relative;}
.slide-area .swiper-renewal-main{height: 100%;}
.slide-area .swiper-wrapper{height: 100% !important;}
.slide-area .swiper-slide{position: relative !important; height: 100% !important;}
.slide-area .swiper-slide > a{display: block !important; width: 100% !important; height: 100% !important; position: relative;}
.slide-area .swiper-slide > a img{display: block; width: 100% !important; height: 100% !important; object-fit: cover !important;}
.slide-area .banner-caption{
 position: absolute !important;
 top: 50% !important;
 left: 50% !important;
 transform: translate(-50%, -50%) !important;
 height: auto !important;
 z-index: 10;
 text-align: center;
 color: #fff;
 font-size: 48px;
 font-weight: bold;
 line-height: 1.2;
 padding: 14px 34px;
 background: rgba(0,0,0,0.5);
 border-radius: 10px;
 text-shadow: 0 2px 6px rgba(0,0,0,0.6);
 pointer-events: none;
 white-space: nowrap;
}
/* ===== 修复代码 20260819 ===== 手机端 banner 不再撑一整屏：固定高度（≤480: 200px / ≤768: 240px），保证用户能看到下方内容；同时压缩标题字号避免挤压 */
@media only screen and (max-width: 768px) {
 .slide-area{height: 240px !important; max-height: 240px !important;}
 .slide-area .swiper-renewal-main{height: 240px !important; max-height: 240px !important;}
 .slide-area .swiper-wrapper{height: 240px !important;}
 .slide-area .swiper-slide{height: 240px !important;}
 .slide-area .swiper-slide > a{height: 240px !important;}
 .slide-area .swiper-slide > a img{height: 240px !important;}
 .slide-area .banner-caption{font-size: 20px !important; padding: 8px 18px !important;}
 /* ===== 修复代码 20260819 二次微调（分页点缩小+贴底） ===== 手机端 swiper 分页小点缩小并贴底（覆盖原 15px + bottom:10%） */
 .slide-area .swiper-pagination{bottom: 6px !important;}
 .slide-area .swiper-pagination span{width: 8px !important; height: 8px !important; margin-left: 3px !important; margin-right: 3px !important;}
}
@media only screen and (max-width: 480px) {
 .slide-area{height: 200px !important; max-height: 200px !important;}
 .slide-area .swiper-renewal-main{height: 200px !important; max-height: 200px !important;}
 .slide-area .swiper-wrapper{height: 200px !important;}
 .slide-area .swiper-slide{height: 200px !important;}
 .slide-area .swiper-slide > a{height: 200px !important;}
 .slide-area .swiper-slide > a img{height: 200px !important;}
 .slide-area .banner-caption{font-size: 16px !important; padding: 6px 14px !important;}
 /* ===== 修复代码 20260819 二次微调（分页点缩小+贴底） ===== ≤480 进一步缩小分页小点 */
 .slide-area .swiper-pagination{bottom: 4px !important;}
 .slide-area .swiper-pagination span{width: 6px !important; height: 6px !important; margin-left: 2px !important; margin-right: 2px !important;}
}