h3 {
    font-size: 34px;
}

.banner,
.banner .swiper-slide {
    height: 640px;
}

.btns {
    margin-top: 40px;
}

.realcase .swiper {
    height: 400px;
}

.realcase h4 {
    font-size: 21px;
}

.harm {
    background-color: #0a40b9;
    color: #fff;
    padding: 60px 0;
}

.harm h4 {
    margin-top: 30px;
}

.harm .item {
    width: 570px;
    background-color: #fff;
    color: #333;
    border-radius: 5px;
    overflow: hidden;
}

.harm .item .header {
    background-color: #d5e2ff;
    color: #0a40b9;
    height: 120px;
    padding: 0 30px;
    font-size: 24px;
    line-height: 30px;
}

.harm .item .header i {
    flex-shrink: 0;
}

.harm .item .content {
    height: 240px;
    padding: 20px 60px;
    position: relative;
    line-height: 40px;
    font-size: 18px;
    color: #666;
    letter-spacing: 2px;
}

.harm .item .content i {
    position: absolute;
    right: 40px;
    bottom: 10px;
}

.harm .item .content li {
    padding: 5px 0;
    list-style: square;
}

.blocked {
    margin-top: var(--section-margin);
    user-select: none;
}

.blocked h3 span {
    color: var(--color-primary);
}

.blocked img {
    -webkit-user-drag: none;
    object-fit: cover;
}

.detour {
    padding-bottom: var(--section-margin);
    user-select: none;
}

.detour h4 {
    margin-top: 30px;
    color: #777;
}

.detour .pad {
    width: 620px;
    height: 440px;
    padding: 28px 53px 26px 55px;
    background: url(../images/byz/pad.png) center no-repeat;
}

.detour img {
    height: 100%;
    -webkit-user-drag: none;
    object-fit: cover;
}

.detour .list {
    flex: 1;
}

.detour .item {
    height: 200px;
    padding: 40px 20px;
    background-color: #f6f6f6;
    font-size: 16px;
}

.detour .active {
    background-color: #0a40b9;
    color: #fff;
}

.detour .item p {
    line-height: 30px;
}

.detour .item strong {
    font-size: 21px;
}