/*轮播图*/
.train_banner{width:100%;overflow:hidden;position:relative;}
.train_banner .banner_images{width:1000%;}
.train_banner .banner_images li{float:left;width:10%}
.train_banner .banner_images li a{display:block;width:100%}
.train_banner .banner_images li a img{display:block;width:100%;object-fit: cover;}
.train_banner .banner_index{position:absolute;bottom:2rem;width: 100%;text-align: center}
.banner_index-frame{display: inline-block;}
.train_banner .banner_index li{transition: all 0.3s;margin-right:1.5rem ;float:left;width:1rem;height:1rem;border-radius:50%;background: #FFFFFF;}
.train_banner .banner_index li.current{transition: all 0.3s;background-color:rgba(var(--web-theme-rgba), 1);width: 4rem;border-radius: 0.5rem;}
.train_banner .banner_index li:hover{transform: scale(1.5);}
.train_banner .banner_index li.current:hover{transform: scale(1);}
.train_banner_left{cursor: pointer;transition: all 0.5s;position:absolute;left: 0;top:0;height: 100%;width: 5rem;text-align: center;z-index: 5;color: #FFFFFF;opacity: 0.2;background: -webkit-linear-gradient(left, rgba(0,0,0,0.4), rgba(255,255,255,0)); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, rgba(0,0,0,0.4), rgba(255,255,255,0)); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(right, rgba(0,0,0,0.4), rgba(255,255,255,0)); /* Firefox 3.6 - 15 */background: linear-gradient(to right, rgba(0,0,0,0.4) , rgba(255,255,255,0)); /* 标准的语法 */}
.train_banner_right{cursor: pointer;transition: all 0.5s;position:absolute;right: 0;top:0;height: 100%;width: 5rem;text-align: center;z-index: 5;color: #FFFFFF;opacity: 0.2;background: -webkit-linear-gradient(left, rgba(255,255,255,0),rgba(0,0,0,0.4)); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right,rgba(255,255,255,0),rgba(0,0,0,0.4)); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(right,rgba(255,255,255,0),rgba(0,0,0,0.4)); /* Firefox 3.6 - 15 */background: linear-gradient(to right, rgba(255,255,255,0),rgba(0,0,0,0.4)); /* 标准的语法 */}
.train_banner_left:hover,.train_banner_right:hover{display: block;opacity: 0.4;}
.train_banner_li{position: absolute;top:50%;width: 100%;text-align: center;}

.train_content{position:relative;}