.body {
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
    padding-bottom: 100px;
}

.title img {
    display: block;
    width :180px;
    margin-left: auto;
    margin-right: auto;
}

.title p {
    font-size: 14px;
    text-align: center;
    margin-top: 6px;
}

.title p a {
    color: rgb(26, 78, 156);
    transition-duration: 0.15s
}

.title p a:hover {
    color: rgba(26, 78, 156, 0.5);
}

.products {
    margin-top: 129px;
}

.products article {
    margin-top: 129px;
    padding-left: 60px;
    padding-right: 60px;
}

.product-info-left {
    float: left;
    width: 38%;
    padding-top: 54px;
}

.product-info-left img {
    display: block;
    width: 85%;
}

.product-info-right {
    float: right;
    width: 62%;
}

.product-info-right h2 {
    font-size: 22px;
}
.product-info-right .outline {
    font-size: 16px;
    margin-top: 16px;
    line-height: 24px;
    letter-spacing: 0.1rem;
}

.product-info-right .spec {
    font-size: 16px;
    margin-top: 11px;
    line-height: 24px;
}

.product-info-right a {
    font-size: 16px;
    color: rgb(26, 78, 156);
    display: block;
    margin-top: 16px;
    transition-duration: 0.15s;
}

.product-info-right a:hover {
    color: rgba(26, 78, 156, 0.7);
}

#page-nums {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    border-collapse: separate;
    border-spacing: 10px;
}

#page-nums a {
    font-size: 14px;
    padding: 7px 11px;
    display: block;
    color: black;
}

#page-num-active {
    background-color: rgb(227, 218, 199);
}

#page-nums a {
    transition-duration: 0.15s;
}
#page-nums a:hover {
    background-color: rgba(227, 218, 199, 0.5);
}