/*斜分式*/
.box20220301154215 { height:calc(100% - 0px); height:-webkit-calc(100% - 0px); height:-moz-calc(100% - 0px); height:-o-calc(100% - 0px); height:-ms-calc(100% - 0px); position:relative; width:100%; overflow:hidden; }
.box20220301154215 li { position:relative; width:74%; height:100%; float:left; z-index:1; -o-transition:all 1.5s; -moz-transition:all 1.5s; -webkit-transition:all 1.5s; -ms-transition:all 1.5s; transition:all 1.5s; }
.box20220301154215 li a { display:block; width:100%; height:100%; position:relative; z-index:4; }
.box20220301154215 li em { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }

.box20220301154215 li:nth-child(2n) { z-index:2; margin:0 0 0 -20%; width:36%; -o-transform:skew(0deg,0deg); -ms-transform:skew(0deg,0deg); -webkit-transform:skew(0deg,0deg); -moz-transform:skew(0deg,0deg); transform:skew(0deg,0deg); overflow:hidden; }

.box20220301154215 li:nth-child(2n) em { left:0; right:0; top:0; bottom:0; -o-transform:skew(0deg,0deg); -ms-transform:skew(0deg,0deg); -webkit-transform:skew(0deg,0deg); -moz-transform:skew(0deg,0deg); transform:skew(0deg,0deg); position:absolute; width:auto; height:100%; -o-transition:all 0s; -moz-transition:all 0s; -webkit-transition:all 0s; -ms-transition:all 0s; transition:all 0s; }

.box20220301154215 li:last-child { position:absolute; right:0; top:0; }

.box20220301154215 li dl { position:absolute; bottom:0%; padding:10px 10px; color:#fff; font-size:18px; line-height:23px; /*background:rgba(0,0,0,.5)*/; right:150px;left:auto; }


.box20220301154215 li dl dd { display:block; color:#999; font-size:14px; }
.box20220301154215 li:nth-child(2n) dl { text-align:center; padding-left:10px; right:0px; -o-transform:skew(0deg,0deg); -ms-transform:skew(0deg,0deg); -webkit-transform:skew(0deg,0deg); -moz-transform:skew(0deg,0deg); transform:skew(0deg,0deg); }
.box20220301154215 li:last-child dl { right:0px; left:auto; }

.box20220301154215.li1 li:first-child { width:70%; z-index:0; }
.box20220301154215.li1 li:nth-child(2n) { width:70%; transform:tanslateX(70%); }
.box20220301154215.li1 li:last-child { width:30%; }

.box20220301154215.li2 li:first-child { width:30%; }
.box20220301154215.li2 li:nth-child(2n) { width:74%; margin:0 0 0 0%; }
.box20220301154215.li2 li:last-child { width:74%; }

.box20220301154215.li3 li:first-child { width:30%; }
.box20220301154215.li3 li:nth-child(2n) { width:35%; transform:tanslateX(-15%); }
.box20220301154215.li3 li:last-child { width:70%; z-index:0; }

@media(min-width:768px){
.box20220301154215 li dl { font-size:28px;padding:10px 15px;}
.box20220301154215 li:nth-child(2n) dl { text-align:right; padding-left:40px; right:0px; -o-transform:skew(0deg,0deg); -ms-transform:skew(0deg,0deg); -webkit-transform:skew(0deg,0deg); -moz-transform:skew(0deg,0deg); transform:skew(0deg,0deg); }
.box20220301154215 li:last-child dl { right:0; left:auto; }
	
}