@media(min-width:768px){
.box20220301154217 li dl { font-size:28px;padding:10px 15px;}
.box20220301154217 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); }
.box20220301154217 li:last-child dl { right:0; left:auto; }
	
}

/*斜分式*/
.box20220301154217 { 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; }
.box20220301154217 li { position:relative; width:50%; 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; }
.box20220301154217 li a { display:block; width:100%; height:100%; position:relative; z-index:4; }
.box20220301154217 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; }

.box20220301154217 li:nth-child(2n) { z-index:2; margin:0 0 0 0; width:16.666%; -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; }
.box20220301154217 li:nth-child(3n) { z-index:3; margin:0 0 0 0; width:16.666%; -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; }
.box20220301154217 li:last-child { z-index:0; position:absolute; right:0; top:0;margin:0 0 0 0; width:50%; }

.box20220301154217 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; }
.box20220301154217 li:nth-child(4n) 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; }



.box20220301154217 li dl { position:absolute; bottom:0%; padding:10px 10px; color:#fff; font-size:18px; line-height:23px; /*background:rgba(0,0,0,.5)*/; right:0px; text-align:right;}
.box20220301154217 li dl dd { display:block; color:#fff; font-size:14px; }
.box20220301154217 li:nth-child(2n) dl { text-align:right; 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); }

.box20220301154217 li:last-child dl { right:5px; left:auto; }

.box20220301154217.li1 li:first-child { width:50%; z-index:0; }
.box20220301154217.li1 li:nth-child(2n) { width:16.666%; /*transform:tanslateX(70%);*/ }
.box20220301154217.li1 li:nth-child(3n) { width:16.666%; /*transform:tanslateX(70%);*/ }
.box20220301154217.li1 li:last-child { width:50%; z-index:0; }

.box20220301154217.li2 li:first-child { width:16.666%; }
.box20220301154217.li2 li:nth-child(2n) { width:50%; margin:0 0 0 0; }
.box20220301154217.li2 li:nth-child(3n) { width:16.666%; margin:0 0 0 0; }
.box20220301154217.li2 li:last-child { width:50%; z-index:0; }

.box20220301154217.li3 li:first-child { width:16.666%; }
.box20220301154217.li3 li:nth-child(2n) { width:16.666%;margin:0 0 0 0; /*transform:tanslateX(-15%);*/ }
.box20220301154217.li3 li:nth-child(3n) { width:50%;margin:0 0 0 0; /*transform:tanslateX(-15%); */}
.box20220301154217.li3 li:last-child { width:50%; z-index:0; }

.box20220301154217.li4 li:first-child { width:16.666%; }
.box20220301154217.li4 li:nth-child(2n) { width:16.666%;margin:0 0 0 0; /*transform:tanslateX(-15%);*/ }
.box20220301154217.li4 li:nth-child(3n) { width:17%;margin:0 0 0 0; /*transform:tanslateX(-15%);*/ }
.box20220301154217.li4 li:last-child { width:50%; z-index:0; }