main {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 80px;
}

.content {
    display: flex;
}

.content .right-content {
    flex: 1;
}

.aside {
    width: 281px;
}

.aside-banner {
    position: relative;
    width: 281px;
    height: 90px;
}

.aside-banner img {
    width: 100%;
    height: 100%;
}

.aside-banner .aside-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 21px;
    line-height: 18px;
    font-weight: 500;
    color: #ffffff;
    z-index: 1;
}

.aside ul {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.aside ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 23px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.aside ul li:last-of-type a {
    border-bottom: none;
}

.aside ul li a.active,
.aside ul li a:hover {
    font-weight: 500;
    color: #045afe;
}

.aside ul li a.active .arrow {
    display: flex;
}

.arrow {
    display: none;
    position: relative;
    width: 0;
    height: 0;
}

.arrow::before,
.arrow::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 1px;
    background-color: #045afe;
}

.arrow::before {
    transform: rotate(45deg);
    top: -3px;
    right: 0;
}

.arrow::after {
    transform: rotate(-45deg);
    bottom: -3px;
    right: 0;
}

.publicity {
    margin-top: 32px;
    width: 280px;
    height: 480px;
    background: linear-gradient(270deg, rgba(0, 92, 255, 0) 0%, rgba(75, 139, 255, 0.15) 100%);
    border-radius: 8px 8px 0px 0px;
}

.publicity-img {
    width: 100%;
    height: 158px;
}

.publicity-content {
    padding: 20px 10px;

}

.publicity-content-num {
    display: flex;
    flex-wrap: wrap;
    font-family: SourceHanSansSC, SourceHanSansSC;
    font-weight: 400;
    font-size: 14px;
    color: rgba(51, 51, 51, 0.65);
    line-height: 24px;
}

.num-item {
    width: 130px;
}

.publicity-content-query {
    margin-top: 16px;
}

.query-box {
    display: flex;
    height: 36px;
    padding: 8px 0;
    box-sizing: border-box;
}

.query-img {
    width: 24px;
    height: 24px;
}

.query-title {
    margin-left: 6px;
    font-family: SourceHanSansSC, SourceHanSansSC;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
}

.query-input {
    margin-top: 10px;
    width: 100%;
    height: 40px;
    padding-left: 12px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 9px;
    border: 1px solid #D3D3D3;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.45);
    line-height: 24px;
}

.query-btn {
    margin-top: 12px;
    width: 100%;
    height: 40px;
    background: #366ECE;
    border-radius: 8px;
    font-weight: 400;
    font-size: 16px;
    font-family: SourceHanSansSC, SourceHanSansSC;
    color: #FFFFFF;
    line-height: 36px;
    cursor: pointer;
}

.right-img-box {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 31px;
    margin-bottom: 33px;
    width: 752px;
}

.right-img-box img {
    width: 360px;
    height: 62px;
}

.right-content {
    margin-left: 52px;
}

.right-content .main-title {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-size: 21px;
    line-height: 18px;
    padding-top: 17px;
    padding-bottom: 19px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.65);
}

.right-content .name {
    position: relative;
    font-size: 20px;
    line-height: 29px;
    color: #333333;
}

.right-content .name-bg {
    position: absolute;
    bottom: 0;
    width: 260px;
    height: 12px;
    background: linear-gradient(270deg,
    rgba(4, 90, 254, 0) 0%,
    rgba(4, 90, 254, 0.25) 100%);
}

.right-content .info {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 40px;
    border-bottom: 1px dashed #D8E3FD;
}

.right-content .info .info-item {
    width: 33.3%;
    margin-bottom: 24px;
}

.right-content .info .label {
    color: rgba(0, 0, 0, 0.85);
}

.right-content .info .value {
    color: rgba(0, 0, 0, 0.65);
}

.right-content .textarea {
    font-size: 16px;
    line-height: 24px;
    margin-top: 40px;
}

.right-content .textarea .textarea-title {
    margin-bottom: 16px;
    color: rgba(0, 0, 0, 0.85);
}

.right-content .textarea .text {
    text-indent: 2em;
    color: rgba(0, 0, 0, 0.65);
}

.right-content .contact-us {
    margin-top: 40px;
    font-size: 16px;
    line-height: 24px;
}

.right-content .contact-us .contact-us-title {
    margin-bottom: 16px;
    color: rgba(0, 0, 0, 0.85);
}

.right-content .contact-us .item {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.right-content .contact-us img {
    width: 20px;
    height: 20px;
    margin-right: 11px;
}