/*---------------------------------滚动图片样式-----------------------------------*/
#xBanner_Expant { width:100%; background:url("/static/images/show_e.jpg") no-repeat center; }
#xBanner_ExpandBackground { width:100%; /* min-width:1000px; */ /* border-top:2px solid #EA5514; */ box-shadow:#0070AD 0px -1px 5px; background-image:url("/static/images/show_bg.jpg"); }
/* xBanner导航条下切换图片 */
.xBanner { margin:0 auto; width:100%; height:100vh; z-index:0; left:0px; }
.xBanner .xBanner_Pic {display: flex; width:100%; height: 100vh; justify-content: center; align-items: center; flex-direction: column; overflow: hidden; position: relative; background-size: cover; background-position: center center; transition: all 1s 0s;}
.xBanner .xBanner_Pic:hover { }
.xBanner .xBanner_Pic .title{ margin: 20px 0; font-size: 36px; color: #F8F8F8; text-shadow: 0 0 5px #000;}
.xBanner .xBanner_Pic .title.hover{ margin: 20px 0; font-size: 36px; color: #F8F8F8; text-shadow: 0 0 5px #000;}
.xBanner .xBanner_Pic .subject{ font-size: 18px; color: #F8F8F8; text-shadow: 0 0 5px #000;}
.xBanner .xBanner_Pic .image {top:0; left:0; margin:0px; padding:0px; height: 500px; object-fit:cover; transition: all 1s 0s; position: absolute; }
.xBanner .xBanner_Pic .video {width: 100%; height: 100%; object-fit:cover; position: absolute; z-index: -1;}
.xBanner .xBanner_Pic .inner_html{display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}

.xBanner .swiper-pagination{opacity: 0 !important;}
.xBanner .xBanner:hover .swiper-pagination{opacity: 1 !important;}
.xBanner .swiper-pagination-bullet{width: 15px !important; height: 15px !important; background: rgba(255,255,255,0.8) !important; opacity: 1 !important; transition: all 1s !important;}
.xBanner .swiper-pagination-bullet-active{background: rgba(255,0,0,0.8) !important;}

@media(max-width: 768px){
    .xBanner { height:50vw; }
    .xBanner .xBanner_Pic{ height:50vw; }
}