.box {
    background: #fcfbfa;
}

.banner {
    width: 100%;
    height: 18.229167vw;
    position: relative;
}

.banner img {
    width: 100%;
    height: 100%;
}

.yy {
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
}

.yy ul {
    width: 62.5vw;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.yy ul li {
    width: 20.833333vw;
    height: 2.604167vw;
}

.yy ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.yy ul li a p {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: .9375vw;
    color: #FFFFFF;
}

.active {
    background: #FFFFFF;
    /* border-radius: .260417vw .260417vw 0vw 0vw; */
    position: relative;
    /* border-top: .208333vw solid #39A2ED; */
}

.active::before {
    content: "";
    display: block;
    width: 100%;
    height: .208333vw;
    background: #39A2ED;
    border-radius: .260417vw .260417vw 0px 0px;
    position: absolute;
    top: -0.208333vw;
    left: 0;
}

.active p {
    font-weight: bold !important;
    color: #39A2ED !important;
}

.content {
    width: 62.5vw;
    height: auto;
    margin: 0 auto;
    margin-top: .3125vw;
    padding: 1.979167vw 2.604167vw 2.083333vw 2.604167vw;
    background: #FFFFFF;
}

.content .title {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 1.354167vw;
    color: #333333;
    text-align: center;
    width: 100%;
}

.content .info {
    font-family: MicrosoftYaHeiSemibold;
    font-weight: 600;
    font-size: .9375vw;
    color: #333333;
    line-height: 1.458333vw;
    margin-top: 1.979167vw;
    text-align: justify;
}

.item {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0vw .104167vw .625vw 0vw rgba(0, 0, 0, 0.04);
    margin-top: 1.510417vw;
    padding: 1.458333vw 1.5625vw;
}

.item .item-top {
    width: 100%;
    height: auto;
    padding-bottom: .78125vw;
    border-bottom: .052083vw solid #EEEEEE;
    display: flex;
}

.item .item-top .line {
    width: .15625vw;
    height: .833333vw;
    background: #38A2EC;
    margin-top: .15625vw;
}

.item .item-top .name {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 1.09375vw;
    color: #38A2EC;
    line-height: 1;
    flex: 1;
    margin-left: .520833vw;
}

.item-middle {
    margin-top: .9375vw;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: .833333vw;
    color: #333333;
    line-height: 1.354167vw;
}

@media screen and (max-width: 1860px) {
    .content {
        width: 65%;
    }
    .yy ul {
        width: 65%;
    }
}

@media screen and (max-width: 1000px) {
    .content {
        width: 95%;
    }
    .yy ul {
        width: 95%;
    }
    .banner {
        margin-top: 60px;
        height: 30vw;
    }
    .yy ul li {
        width: 30%;
        height: auto;
    }
    .yy ul li a p {
        font-size: 16px;
        line-height: 45px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%;
        text-align: center;
    }
    .content .title {
        font-size: 16px;
    }
    .content .info {
        font-size: 14px;
        line-height: 25px;
        font-weight: 400;
    }
    .item .item-top .name {
        font-size: 16px;
    }
    .item .item-top .line {
        display: none;
    }
    .item-middle {
        font-size: 14px;
        line-height: 25px;
    }
    .item-middle img,
    .item-middle p img,
    .item-middle span img,
    .item-middle p span img {
        max-width: 100% !important;
        height: auto !important;
    }
}

@media screen and (max-width: 768px) {
    .content {
        padding: 24px 12px;
    }
    .content .info {
        margin-top: 24px;
    }
    .item {
        padding: 12px;
        margin-top: 24px;
    }
    .item .item-top {
        padding-bottom: 12px;
    }
    .content .title {
        font-size: 18px;
    }
    .content .info {
        font-size: 16px;
    }
}