* {
    margin: 0;
    padding: 0;
}

.boxWrapper {
    width: 100%;
    position: relative;
}

.boxWrapper>img {
    width: 100%;
    display: block;
}

.boxWrapper>img:nth-child(2) {
    height: 720px;
}

.boxWrapper .contWrapper {
    position: absolute;
    top: 410px;
    left: 0;
    width: 100%;
    background: url('../static/颜色填充\ 1@2x.png');
}

.boxWrapper .ulBox li {
    display: flex;
    justify-content: center;
    padding-bottom: 21px;
    list-style: none;
    width: 100%;
    position: relative;
}

.boxWrapper .ulBox li>img {
    position: absolute;
    top: -6px;
    left: 0;
    width: 375px;
    height: 184px;
}

.boxWrapper .ulBox li:nth-child(2n)>img {
    transform: rotate(180deg);
}

.boxWrapper .ulBox .liBox {
    display: flex;
    justify-self: center;
    align-items: center;
    width: 334px;
    height: 172px;
    position: relative;
    z-index: 999;
}

.boxWrapper .ulBox li:last-child {
    padding-bottom: 40px;
}

.boxWrapper .ulBox .imgBox img {
    width: 200px;
    height: 160px;
}

.boxWrapper .ulBox .titleBtn {
    margin-left: 20px;
    color: #fff;
}

.boxWrapper .ulBox li:nth-child(2n) .titleBtn {
    margin-right: 22px;
}

.boxWrapper .ulBox .titleBtn h4 {
    width: 96px;
    padding: 25px 0;
}

.boxWrapper .ulBox .titleBtn .btn {
    position: relative;
    width: 86px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 12px;
}

.boxWrapper .ulBox .titleBtn img {
    width: 86px;
    height: 45px;
}

.boxWrapper .ulBox .titleBtn a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
}