.c01 {
    min-width: 1200px;
    height: 568px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0 60px 0;
}

.brand {
    width: 1045px;
    display: flex;
    justify-content: space-around;
}

.brand .brand01 {
    width: 370px;
    height: 480px;
}

.brand .brand01 .pic {
    width: 264px;
    padding: 80px 0 30px 0;
}

.brand .brand01 .pic img {
    width: 100%;
}

.brand .brand01 .title {
    padding: 30px 0;
    font-size: 27px;
    letter-spacing: -2.1px;
    color: #414042;
}

.brand .brand01 .dec {
    width: 373px;
    font-size: 15px;
    letter-spacing: -1.6px;
    color: #3e3a39;
}

.brand .brand01 .btn {
    margin-top: 21px;
    width: 122px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    border: solid 1px #000000;
    letter-spacing: -1.6px;
    box-shadow: 2px 2px 0 0 #000000;
}

.brand .brand01 .btn a {
    font-size: 16.32px;
    color: #3e3a39;
}

.brand .brand01 .btn:hover {
    animation: shadow 0.5s linear;
}

@keyframes shadow {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}

.brand .brand02 {
    width: 610px;
    height: 560px;
}

.brand .brand02 {
    width: 600px;
    height: 500px;
}


/*  */

.c02 {
    min-width: 1200px;
    padding-bottom: 100px;
}

.c02 img {
    width: 100%;
    margin: 0 auto;
}


/*  */

.c03 {
    min-width: 1200px;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 100px;
}

.c03 .brand {
    width: 1045px;
    display: flex;
    justify-content: space-around;
}

.c03 .brand .brand03 {
    width: 420px;
    height: 490px;
}