.integrate p:nth-child(1) {
    font-size: 0.848rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #111111;
    text-align: center;
    margin-top: 1.21rem;
    margin-bottom: 0.6rem;
}

.integrate .title-bottom {
    width: 26.69rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.484rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    margin-bottom: 0.9rem;
}

.integrate div {
    width: 38.78rem;
    height: 14.545rem;
    margin: 0 auto;
    border: 1px solid #E1E1E1;
}

.integrate div li {
    height: 4.818rem;
    list-style: none;
    margin-left: 0.6rem;
    margin-right: 0.6rem;
    border-bottom: 1px solid #E1E1E1;
    display: flex;
    align-items: center;
}

.integrate div li img {
    width: 2.727rem;
    height: 2.727rem;
    margin-right: 1.15rem;
}

.integrate div li:last-child {
    border: none;
}

.integrate div li span {
    display: block;
}

.integrate div li span:nth-child(1) {
    font-size: 0.666rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #111111;
    margin-bottom: 0.45rem;
}

.integrate div li span:nth-child(2) {
    font-size: 0.484rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #111111;
}

.case {
    width: 38.78rem;
    margin: 0 auto;
}

.case .title {
    font-size: 0.848rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #111111;
    text-align: center;
    margin-top: 1.818rem;
    margin-bottom: 0.6rem;
}

.case .title-bottom {
    width: 26.69rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.484rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    margin-bottom: 0.9rem;
}

.cases-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 4.54rem;
}

.cases-content div {
    width: 9.09rem;
    height: 9.09rem;

    position: relative;
}

.cases-content div:nth-child(1) {
    background: url('../img/al1.png');
    background-size: 100% 100%;
}

.cases-content div:nth-child(2) {
    background: url('../img/al2.png');
    background-size: 100% 100%;
}

.cases-content div:nth-child(3) {
    background: url('../img/al3.png');
    background-size: 100% 100%;
}

.cases-content div:nth-child(4) {
    background: url('../img/al4.png');
    background-size: 100% 100%;
}

.cases-content div:nth-child(5) {
    background: url('../img/al5.png');
    background-size: 100% 100%;
}

.cases-content div:nth-child(6) {
    background: url('../img/al6.png');
    background-size: 100% 100%;
}

.cases-content div:nth-child(7) {
    background: url('../img/al7.png');
    background-size: 100% 100%;
}

.cases-content div:nth-child(8) {
    background: url('../img/al8.png');
    background-size: 100% 100%;
}

.cases-content div:nth-child(5),
div:nth-child(6),
div:nth-child(7),
div:nth-child(8) {
    margin-top: 0.9rem;
}

.cases-content div p {
    font-size: 0.6rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
    position: absolute;
    bottom: 0.6rem;
    left: 0.6rem;
}

.cases-content div p a {
    font-size: 0.4rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
    display: none;
    bottom: 0.6rem;
    left: 0.6rem;

}

.cases-content div:hover a {
    display: block;
}

.but-link button {
    width: 4.84rem;
    height: 1.393rem;
    background: #FFFFFF;
    border-radius: 5px;
    font-size: 0.66rem;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #2983EF;
    border: none;
    position: absolute;
    left: 50%;
    margin-left: -2.42rem;
    bottom: 4rem;
}