@media (max-width: 1660px) {
  .wrap {
    background-color: #F1F5FC;
    width: 100%;
    font-family: "Microsoft YaHei,Arial,sans-serif";
  }
  .wrap .video-js .vjs-big-play-button {
    display: none;
  }
  .wrap .vjs-poster {
    background-color: #FFFFFF;
  }
  .wrap .safeplace {
    width: 81.66667vw;
    margin: auto;
  }
  .wrap .safeplace a {
    text-decoration: none;
    color: inherit;
  }
  .wrap .safeplace .title {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .wrap .safeplace .title .i {
    width: 2.21667vw;
    margin-right: 1.16667vw;
  }
  .wrap .safeplace .title .s {
    font-size: 2.45vw;
    line-height: 1.2;
    color: #333333;
    font-weight: bold;
  }
  .wrap .model1 {
    width: 100%;
    background-color: #F1F5FC;
  }
  .wrap .model1 .theme {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 3.73333vw;
    background-color: #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
  }
  .wrap .model1 .theme #sp4:hover {
    background: #FFFFFF;
    color: #C7000B;
  }
  .wrap .model1 .theme .theme-1 {
    cursor: pointer;
    width: 13.59167vw;
    font-size: 1.16667vw;
    line-height: 3.73333vw;
    text-align: center;
    color: #666666;
  }
  .wrap .model1 .theme .theme-1:hover {
    background: linear-gradient(275.91deg, #C7000B 0%, rgba(199, 0, 11, 0.4) 100%);
    color: #FFFFFF;
  }
  .wrap .model1 .theme .theme-1.theme-1:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 14.875vw;
    margin-left: 5.83333vw;
    text-align: center;
    color: #C7000B;
  }
  .wrap .model1 .theme .theme-1.theme-1:last-child .i {
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-jiantou.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.7vw;
    margin-left: 0.58333vw;
    height: 0.46667vw;
  }
  .wrap .model2 {
    width: 100%;
    background-color: #F1F5FC;
    padding-top: 5.83333vw;
  }
  .wrap .model2 .title {
    justify-content: flex-start;
  }
  .wrap .model2 .title .i {
    width: 3.85vw;
  }
  .wrap .model2 .theme {
    position: relative;
    margin-top: 2.33333vw;
  }
  .wrap .model2 .theme .theme-left {
    position: absolute;
    width: 53.5%;
    overflow: hidden;
    bottom: 2.33333vw;
    height: auto;
    border-radius: 1.16667vw;
  }
  .wrap .model2 .theme .theme-left .broadcast-play2 {
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-play.png);
    pointer-events: none;
    background-size: 100%;
    width: 4.08333vw;
    height: 4.08333vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 2;
  }
  .wrap .model2 .theme .theme-right {
    margin-top: 4.66667vw;
    margin-left: 47.6%;
    width: 52.4%;
    height: 24.55833vw;
    background-color: #FFFFFF;
    border-radius: 20px;
    color: #333333;
    font-size: 1.4vw;
    line-height: 1.5;
    padding: 1.75vw 2.33333vw 1.16667vw 8.6%;
  }
  .wrap .model2 .theme .theme-right .p3 {
    width: 100%;
    display: inline-block;
    font-size: 1.63333vw;
    margin-bottom: 1.925vw;
    position: relative;
    z-index: 2;
  }
  .wrap .model2 .theme .theme-right .p3::after {
    content: '';
    width: 32.66667vw;
    height: 3.79167vw;
    background: url("/~/media/CNBGV2/Images/5GBusinessOpenClass/title-back-line.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .wrap #model3 {
    width: 100%;
    background-color: #F1F5FC;
    padding-top: 5.83333vw;
  }
  .wrap #model3 .theme .theme-1 {
    display: flex;
    justify-content: space-around;
    width: auto;
  }
  .wrap #model3 .theme .item-play {
    position: relative;
  }
  .wrap #model3 .theme .item-play .broadcast-play {
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-play.png);
    pointer-events: none;
    background-size: 100%;
    width: 4.08333vw;
    height: 4.08333vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 2;
  }
  .wrap #model3 .theme .item-play .broadcast-play3 {
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-play.png);
    pointer-events: none;
    background-size: 100%;
    width: 4.08333vw;
    height: 4.08333vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 2;
  }
  .wrap #model3 .theme .theme-left .item-bottom .i,
  .wrap #model3 .theme .theme-center .item-bottom .i {
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-blackyuan2.png);
  }
  .wrap #model3 .theme .theme-left .item-bottom .p1,
  .wrap #model3 .theme .theme-center .item-bottom .p1 {
    color: #000000;
  }
  .wrap #model3 .theme .theme-left .item-bottom .p2,
  .wrap #model3 .theme .theme-center .item-bottom .p2 {
    font-size: 1.4vw;
    color: #000000;
  }
  .wrap #model3 .theme .theme-center .item-top {
    width: 26.425vw;
  }
  .wrap #model3 .theme .theme-center .item-top .text2 {
    padding: 1.45833vw 1.10833vw 1.16667vw 1.16667vw;
  }
  .wrap #model3 .theme .theme-right {
    opacity: 0.4;
  }
  .wrap #model3 .theme .theme-right .item-bottom .i {
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-blackyuan.png);
  }
  .wrap #model3 .theme .theme-right .item-bottom .p1 {
    color: #999999;
  }
  .wrap #model3 .theme .theme-right .item-bottom .p2 {
    font-size: 1.4vw;
    color: #999999;
  }
  .wrap #model3 .theme .item-top {
    border-radius: 10px;
    background-color: #FFFFFF;
    margin-top: 1.45833vw;
    overflow: hidden;
    margin-right: 1.16667vw;
    width: 26.425vw;
    height: 30.74167vw;
  }
  .wrap #model3 .theme .item-top .item-play {
    width: 26.425vw;
  }
  .wrap #model3 .theme .item-top .item-play .i {
    width: 100%;
  }
  .wrap #model3 .theme .item-top .text1 {
    padding-left: 1.16667vw;
  }
  .wrap #model3 .theme .item-top .text1 .p1 {
    padding-top: 1.16667vw;
    font-size: 1.75vw;
    line-height: 1.5;
    color: #333333;
  }
  .wrap #model3 .theme .item-top .text1 .p2 {
    padding-top: 10 0.05833vw;
    font-size: 1.16667vw;
    line-height: 1.5;
    color: #999999;
  }
  .wrap #model3 .theme .item-top .text2 {
    padding: 1.45833vw 0 3.20833vw 1.16667vw;
    font-size: 1.16667vw;
    line-height: 1.8;
    margin-top: 1.45833vw;
    color: #666666;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  .wrap #model3 .theme .item-top .text2 .p1 {
    display: flex;
  }
  .wrap #model3 .theme .item-top .text2 .p1 .i {
    margin-top: 0.875vw;
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-yuan.png);
    width: 0.35vw;
    height: 0.35vw;
    margin-right: 0.58333vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
  }
  .wrap #model3 .theme .item-bottom {
    margin-top: 1.51667vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .wrap #model3 .theme .item-bottom .i {
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-bigyuan.png);
    width: 1.80833vw;
    height: 1.80833vw;
    margin-right: 0.58333vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
  }
  .wrap #model3 .theme .item-bottom .p1 {
    font-size: 1.4vw;
    line-height: 1.5;
    color: #C7000B;
    padding-top: 0.93333vw;
  }
  .wrap #model3 .theme .item-bottom .p2 {
    font-size: 1.75vw;
    line-height: 1.5;
    color: #C7000B;
    padding-top: 0.58333vw;
  }
  .wrap #model3 .xuxian {
    width: 100%;
    border-bottom: 1px dashed #000000;
    opacity: 0.1;
    transform: translate(0, -6.65vw);
  }
  .wrap #model4 {
    width: 100%;
    background-color: #F1F5FC;
    padding-top: 100px;
  }
  .wrap #model4 .theme {
    display: flex;
    justify-content: space-around;
    padding-top: 2.33333vw;
  }
  .wrap #model4 .theme .theme-left {
    margin-right: 1.16667vw;
    width: 100%;
  }
  .wrap #model4 .theme .theme-left .i {
    width: 100%;
  }
  .wrap #model4 .theme .theme-right {
    display: flex;
    justify-content: space-between;
    width: 53.5%;
    height: auto;
    flex-direction: column;
    z-index: 2;
  }
  .wrap #model4 .theme .theme-right .dir {
    background-color: #FFFFFF;
    padding: 1.75vw;
    margin-bottom: 1.16667vw;
    border-radius: 1.16667vw;
    width: 43.69167vw;
  }
  .wrap #model4 .theme .theme-right .dir.dir:hover {
    background-color: #C7000B;
  }
  .wrap #model4 .theme .theme-right .dir.dir:hover .mub {
    color: #FFFFFF;
  }
  .wrap #model4 .theme .theme-right .dir.dir:hover .mub .mub-1 {
    border-bottom: 1px solid #FFFFFF;
  }
  .wrap #model4 .theme .theme-right .dir.dir:hover .p1 .i {
    background-color: #FFFFFF;
  }
  .wrap #model4 .theme .theme-right .dir.dir:hover .p1 p {
    color: #FFFFFF;
  }
  .wrap #model4 .theme .theme-right .dir .mub {
    display: flex;
    margin-bottom: 1.05vw;
    color: #333333;
  }
  .wrap #model4 .theme .theme-right .dir .mub .mub-1 {
    font-size: 1.75vw;
    line-height: 1;
    border-bottom: 1px solid #C7000B;
  }
  .wrap #model4 .theme .theme-right .dir .mub p {
    font-size: 1.4vw;
    margin-left: 0.875vw;
    line-height: 1.5;
  }
  .wrap #model4 .theme .theme-right .dir .p1 {
    display: flex;
    align-items: center;
  }
  .wrap #model4 .theme .theme-right .dir .p1 .i {
    background-color: #C7000B;
    width: 0.35vw;
    height: 0.35vw;
    margin-right: 0.58333vw;
    border-radius: 0.35vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
  }
  .wrap #model4 .theme .theme-right .dir .p1 p {
    font-size: 1.16667vw;
    line-height: 1.8;
    color: #666666;
    margin-bottom: 0.29167vw;
  }
  .wrap #model5 {
    width: 100%;
    background-color: #F1F5FC;
    padding-top: 100px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-maks.png);
  }
  .wrap #model5 .theme {
    width: 81.66667vw;
    padding-top: 2.33333vw;
    display: flex;
  }
  .wrap #model5 .theme .prev-lef {
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-left-active.png);
  }
  .wrap #model5 .theme .next-right {
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-jt-right.png);
  }
  .wrap #model5 .theme .prev-left.swiper-button-disabled {
    cursor: pointer;
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-jt-left.png);
    opacity: 1;
    width: 2.45vw;
    height: 2.45vw;
    left: 3.79167vw;
    background-size: auto;
    background-size: 2.45vw, 2.45vw;
    margin-top: 9.275vw;
    top: auto;
  }
  .wrap #model5 .theme .prev-left.swiper-button-disabled.perv-left:hover {
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-left-hove.png);
  }
  .wrap #model5 .theme .next-right.swiper-button-disabled {
    cursor: pointer;
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-right-active.png);
    opacity: 1;
    width: 2.45vw;
    height: 2.45vw;
    background-size: 2.45vw, 2.45vw;
    margin-top: 9.275vw;
    top: auto;
    right: 3.79167vw;
  }
  .wrap #model5 .theme .next-right.swiper-button-disabled.next-right:hover {
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-jt-right2.png);
  }
  .wrap #model5 .theme .theme-todo {
    width: 100%;
  }
  .wrap #model5 .theme .item {
    display: flex;
    padding-right: 1.16667vw;
  }
  .wrap #model5 .theme .item .item-left .i {
    width: 100%;
  }
  .wrap #model5 .theme .item .item-right {
    font-size: 1.16667vw;
    line-height: 1.5;
    color: #666666;
    padding-left: 1.16667vw;
    width: 22.75vw;
    height: 19.54167vw;
  }
  .wrap #model5 .theme .item .item-right .p1 {
    width: 2.33333vw;
  }
  .wrap #model5 .theme .item .item-right .p2 {
    margin-bottom: 1.16667vw;
  }
  .wrap #model5 .theme .item .item-right .p4 {
    font-size: 1.4vw;
    color: #333333;
    margin-top: 6.41667vw;
    margin-bottom: 0.58333vw;
  }
  .wrap #model5 .theme .item .item-right .p4.p6 {
    margin-top: 5.83333vw;
  }
  .wrap #model5 .theme .item2 {
    display: flex;
  }
  .wrap #model5 .theme .item2 .item-left .i {
    width: 100%;
  }
  .wrap #model5 .theme .item2 .item-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.16667vw;
    line-height: 1.5;
    color: #666666;
    padding-left: 1.16667vw;
    width: 22.75vw;
  }
  .wrap #model5 .theme .item2 .item-right .p1 {
    width: 2.33333vw;
  }
  .wrap #model5 .theme .item2 .item-right .p2 {
    margin-left: 3.325vw;
  }
  .wrap #model5 .theme2 {
    display: flex;
    margin-top: 5.83333vw;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5.83333vw;
  }
  .wrap #model5 .theme2 .item {
    cursor: pointer;
    border: 1px solid #C7000B;
    border-radius: 10px;
    color: #C7000B;
    font-size: 1.4vw;
    line-height: 1.25;
    padding: 1.45833vw 2.91667vw 1.45833vw 2.91667vw;
    width: 11.66667vw;
  }
  .wrap #model5 .theme2 .item.item:hover {
    background-color: #C7000B;
    color: #FFFFFF;
  }
  .wrap #model5 .theme2 .p1 {
    margin-top: 2.33333vw;
    color: #666666;
    font-size: 1.4vw;
    line-height: 1.5;
  }
}

@media (max-width: 980px) {
  .homepage-mb {
    display: block;
    font-size: 0;
  }
  .homepage-mb img {
    width: 100%;
  }
  .homepage,
  .homepage2,
  .broadcast-play,
  .broadcast-play2,
  .broadcast-play3 {
    display: none;
  }
  .wrap {
    width: 100%;
  }
  .wrap .safeplace {
    width: 92vw;
  }
  .wrap .safeplace .title {
    margin-bottom: 5.33333vw;
  }
  .wrap .safeplace .title .i {
    width: 8.8vw;
    margin-right: 2.66667vw;
  }
  .wrap .safeplace .title .s {
    font-size: 5.6vw;
  }
  .wrap .model1 {
    display: none;
  }
  .wrap .model2 {
    padding-top: 13.33333vw;
  }
  .wrap .model2 .title {
    justify-content: flex-start;
  }
  .wrap .model2 .title .i {
    width: 8.8vw;
    height: 11.86667vw;
  }
  .wrap .model2 .theme {
    display: flex;
    flex-direction: column-reverse;
  }
  .wrap .model2 .theme .theme-left {
    position: initial;
    width: 100%;
    margin-top: 5.33333vw;
  }
  .wrap .model2 .theme .theme-right {
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
    font-size: 3.2vw;
    line-height: 1.5;
    background-color: #F1F5FC;
    padding: 0;
  }
  .wrap .model2 .theme .theme-right .p3 {
    font-size: 3.73333vw;
    margin-bottom: 2.66667vw;
  }
  .wrap .model2 .theme .theme-right .p3::after {
    display: none;
  }
  .wrap .model2 .theme .theme-right .p1 {
    margin-bottom: 2.66667vw;
  }
  .wrap #model3 {
    padding-top: 13.33333vw;
  }
  .wrap #model3 .xuxian {
    transform: translate(0, -14.13333vw);
  }
  .wrap #model3 .title .i {
    width: 5.06667vw;
    height: 4.53333vw;
  }
  .wrap #model3 .theme .theme-1 {
    width: 64.8vw;
    height: auto;
    margin: 5.33333vw 0 0 0;
    border-radius: 2.66667vw;
  }
  .wrap #model3 .theme .theme-1 .theme-left .item-bottom .p2,
  .wrap #model3 .theme .theme-1 .theme-center .item-bottom .p2 {
    font-size: 3.2vw;
  }
  .wrap #model3 .theme .theme-1 .theme-right .item-bottom .p2 {
    font-size: 3.2vw;
  }
  .wrap #model3 .theme .theme-1 .item-top {
    width: 64.93333vw;
    height: 75.2vw;
  }
  .wrap #model3 .theme .theme-1 .item-top .item-play {
    width: 64.93333vw;
  }
  .wrap #model3 .theme .theme-1 .item-top .text1 {
    padding-left: 2.66667vw;
  }
  .wrap #model3 .theme .theme-1 .item-top .text1 .p1 {
    font-size: 4vw;
  }
  .wrap #model3 .theme .theme-1 .item-top .text1 .p2 {
    font-size: 3.2vw;
  }
  .wrap #model3 .theme .theme-1 .item-top .text2 {
    padding: 3.33333vw 0 8vw 2.66667vw;
  }
  .wrap #model3 .theme .theme-1 .item-top .text2 .p1 {
    font-size: 3.2vw;
  }
  .wrap #model3 .theme .theme-1 .item-top .text2 .p1 .i {
    width: 0.8vw;
    height: 0.8vw;
    margin-right: 1.33333vw;
    flex-shrink: 0;
    margin-top: 2.66667vw;
  }
  .wrap #model3 .theme .theme-1 .item-bottom {
    margin-top: 2.66667vw;
  }
  .wrap #model3 .theme .theme-1 .item-bottom .i {
    width: 4.13333vw;
    height: 4.13333vw;
  }
  .wrap #model3 .theme .theme-1 .item-bottom .p1 {
    font-size: 3.2vw;
  }
  .wrap #model3 .theme .theme-1 .item-bottom .p2 {
    font-size: 4vw;
  }
  .wrap #model4 .title .i {
    width: 4.26667vw;
    height: 4.93333vw;
  }
  .wrap #model4 .theme .theme-left {
    display: none;
  }
  .wrap #model4 .theme .theme-right {
    width: 100%;
  }
  .wrap #model4 .theme .theme-right .dir {
    padding: 4vw;
    margin-bottom: 2.66667vw;
    width: 100%;
  }
  .wrap #model4 .theme .theme-right .dir .mub {
    margin-bottom: 2.4vw;
  }
  .wrap #model4 .theme .theme-right .dir .mub .mub-1 {
    font-size: 4vw;
  }
  .wrap #model4 .theme .theme-right .dir .mub p {
    font-size: 3.2vw;
    margin-left: 2vw;
  }
  .wrap #model4 .theme .theme-right .dir .p1 .i {
    width: 0.8vw;
    height: 0.8vw;
    margin-right: 1.33333vw;
  }
  .wrap #model4 .theme .theme-right .dir .p1 p {
    font-size: 3.2vw;
    margin-bottom: 0.66667vw;
  }
  .wrap #model5 {
    background-image: url(/~/media/CNBGV2/Images/5GBusinessOpenClass/icon-maks2.png);
  }
  .wrap #model5 .title .i {
    width: 4vw;
    height: 6.8vw;
  }
  .wrap #model5 .swiper-wrapper {
    flex-direction: column;
  }
  .wrap #model5 .theme {
    flex-direction: column;
    width: 100%;
  }
  .wrap #model5 .theme .item .item-left .i {
    height: 44.66667vw;
    width: 36.8vw;
  }
  .wrap #model5 .theme .item .item-right {
    font-size: 3.2vw;
    padding-left: 2.66667vw;
    width: 53.33333vw;
    height: 44.66667vw;
  }
  .wrap #model5 .theme .item .item-right .p1 {
    width: 2.66667vw;
  }
  .wrap #model5 .theme .item .item-right .p2 {
    margin-bottom: 3.2vw;
  }
  .wrap #model5 .theme .item .item-right .p4 {
    font-size: 3.2vw;
    margin-top: 3.2vw;
    margin-bottom: 1.33333vw;
  }
  .wrap #model5 .theme .item .item-right .p4.p6 {
    margin-top: 11.73333vw;
  }
  .wrap #model5 .theme .item .item-right .p5 {
    font-size: 2.66667vw;
  }
  .wrap #model5 .theme .item:last-child {
    padding-top: 5.33333vw;
  }
  .wrap #model5 .theme2 {
    margin-top: 9.73333vw;
    padding-bottom: 13.33333vw;
  }
  .wrap #model5 .theme2 .item {
    border: 1px solid #C7000B;
    border-radius: 1.33333vw;
    font-size: 3.2vw;
    padding: 3.33333vw 6.66667vw 3.33333vw 6.66667vw;
    width: 26.66667vw;
    white-space: nowrap;
  }
  .wrap #model5 .theme2 .p1 {
    margin-top: 5.33333vw;
    font-size: 3.2vw;
    text-align: center;
  }
}