.o-slider--item video{max-height: calc(100vw * 0.3);}
			.indexzd{ width:100%; margin:auto; position:relative; overflow:hidden; height:40vw; max-height:800px;}
			.indexzd .tit{ position:absolute; width:100%; top:50%;transform:translateY(-50%); opacity: 0; transition:all 1s; color:#fff; line-height:50px;}
			.indexzd .tit h2{font-size:30px;}
			.indexzd .tit>div{font-size:18px;}
			.indexzd>div{ position:absolute; width:25%; overflow:hidden; z-index:100; transition:all .6s; background:#000000; height:100%;}
			.indexzd>div img{height:100%; width:auto; transition:all .6s; opacity: 1;}
			.indexzd>div:nth-child(1){left:0;}
			.indexzd>div:nth-child(2){left:25%;}
			.indexzd>div:nth-child(3){left:50%;}
			.indexzd>div:nth-child(4){left:75%;}
			.indexzd>div:hover{left:0%; width:100%; z-index:200; text-align:center; }
			.indexzd>div:hover img{opacity: .5;}
			.indexzd>div:hover .tit{opacity: 1;}
			@media only screen and (max-width: 800px){
  	.o-slider--item video{ width:100%; max-height:none;}
			.indexzd{ height:auto; max-height:none;}
			.indexzd>div{position:relative; width:100%; left:0px!important; border-bottom:1px solid #fff;}
			.indexzd>div img{opacity: .5; width:100%; height:auto;}
			.indexzd>div .tit{opacity: 1; line-height:30px; width:90%; padding:0 5%;}
			.indexzd .tit h2{font-size:20px;}
			.indexzd .tit>div{font-size:14px;}
			}