article {
    width: 100%;
    height: 26.45rem;
    background: rgb(253, 251, 251);
}

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

.content .left {
    float: left;
    width: 6.06rem;
    height: 7.878rem;
    background: #fff;

}

.content .left P {
    padding: 0.575rem 0 0.575rem 1.03rem;
    font-size: 0.484rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    display: flex;
    align-items: center;

}

.content .left P:nth-child(5) {

    border-left: 2px solid #2983EF;
    background: #F9F9FB;
}

.content .left P:nth-child(5) a {
    color: #2983EF;
}

.content .left P a {
    color: #111111;
}

.right {
    width: 32.12rem;
    float: right;
}

.right .title {
    width: 32.7rem;
    height: 3.03rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.right .title h6 {
    font-size: 0.787rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
}

.right .title p {
    font-size: 0.424rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #656565;
    margin-top: 0.27rem;
}

.right-content {
    width: 32.8rem;
    height: 13.33rem;
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;
    justify-content: space-between
}

.right-content div {
    width: 8.484rem;
    height: 8.5rem;
    border-radius: 5px;
    border: 2px solid rgba(41, 131, 239, 0.2);
    margin-top: 0.6rem;
    text-align: center;
    background: #fff;
}

.right-content div:hover {
    border: 2px solid rgba(41, 131, 239, 0.7);
}

.right-content div:nth-child(1) img {
    width: 4.66rem;
    height: 2.48rem;
    margin-top: 1.12rem;
    margin-bottom: 0.818rem;
    display: inline-block;
}

.right-content div p:nth-child(2) {
    font-size: 0.545rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #111111;
    margin-bottom: 0.45rem;
}

.right-content div p:nth-child(3) {
    font-size: 0.484rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #656565;
    width: 7.27rem;
    margin: 0 auto;
    text-align: left;
}

.right-content div:nth-child(2) img {
    width: 6.66rem;
    height: 2rem;
    margin-top: 1.27rem;
    margin-bottom: 1.15rem;
    display: inline-block;
}

.right-content div:nth-child(3) img {
    width: 6.06rem;
    height: 2.12rem;
    margin-top: 1.12rem;
    margin-bottom: 1.21rem;
    display: inline-block;
}

.right-content div:nth-child(4) img {
    width: 3.333rem;
    height: 2.06rem;
    margin-top: 1.27rem;
    margin-bottom: 1.09rem;
    display: inline-block;
}

.right-content div:nth-child(5) img {
    width: 4.848rem;
    height: 1.878rem;
    margin-top: 1.18rem;
    margin-bottom: 1.363rem;
    display: inline-block;
}

.right-content div:nth-child(6) img {
    width: 3.333rem;
    height: 1.818rem;
    margin-top: 1.39rem;
    margin-bottom: 1.242rem;
    display: inline-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;
}