article {
    width: 100%;
    height: 21.212rem;
    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;

}

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

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

.content .left P:nth-child(2) 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: 10.3rem;
    height: 6.36rem;
    box-shadow: 0px 0px 10px #ccc;
    border-radius: 3px;
    margin-top: 0.6rem;
}

.right-content div img {
    width: 0.72rem;
    height: 0.72rem;
    display: block;
    margin-right: 0.2rem;
}

.right-content div img:nth-child(2) {
    display: none;
}

.right-content div h1 {
    font-size: 1.81rem;
    padding-left: 0.6rem;
    font-family: Microsoft YaHei;
    font-weight: bold;

    color: #F3F3F3;
}

.right-content div p:nth-child(2) {
    font-size: 0.545rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    width: 8rem;
    color: #333333;
    padding-left: 0.6rem;
    padding-bottom: 0.45rem;
    display: flex;
}

.right-content div p:nth-child(3) {
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    font-size: 0.424rem;
    padding-left: 0.6rem;
    line-height: 0.7rem;
    width: 9rem;
}

.right-content div img:nth-child(2) {
    display: none;
}

.right-content div:hover {
    background-color: #2D8DFF;
}

.right-content div:hover img:nth-child(2) {
    display: block;
}

.right-content div:hover img:nth-child(1) {
    display: none;
}

.right-content div:hover h1 {
    color: #fff;
    opacity: 0.3;
}

.right-content div:hover p:nth-child(2) {
    color: #fff;

}

.right-content div:hover p:nth-child(3) {
    color: #fff;
}

.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: 4.5rem;
}