@media (max-width: 1200px) {
  .box-content-wrap {
    width: 100%;
  }
  .banner {
    height: auto;
  }
  .banner .swiper .swiper-wrapper .home-swiper-slide .content-wrap {
    width: 100%;
    margin-left: 8rem;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .banner .swiper .swiper-wrapper .home-swiper-slide img {
    width: 100vw;
    height: auto;
    object-fit: fill;
    border-radius: 0;
  }
  .banner .swiper-pagination {
    bottom: 3.2rem;
    width: 100%;
  }
  .courseware-service-wrap {
    width: 100%;
    margin: 0;
    padding: 0 3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .courseware-service-wrap.courseware-pt130 {
    padding-top: 4.4rem;
  }
  .tel-wrap-h5 {
    width: calc(100vw - 6rem);
    height: 12rem;
    background: #fff;
    border-radius: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5rem auto 0;
  }
  .tel-wrap-h5 img {
    width: 5.7rem;
    height: 5.7rem;
    margin-right: 3rem;
  }
  .tel-wrap-h5 .tel {
    font-size: 5.6rem;
    color: #333;
    font-weight: bold;
  }
  .courseware-service-wrap .courseware-service-list .courseware-service-list__item {
    flex: 0 0 11rem;
  }
  .courseware-service-wrap .courseware-service-list .courseware-service-list__item .img {
    border-radius: 30%;
    width: 8rem;
    height: 8rem;
  }
  .case-show-swiper-wrap {
    width: 100%;
    height: auto;
  }
  .case-show-swiper-wrap .case-show-swiper {
    height: auto;
  }
  .courseware-service-wrap-fff {
    width: 100%;
  }
  .e-Learning-list {
    overflow: auto hidden;
  }
  .zyk-banner,
  .yl-banner {
    width: 100%;
  }
  .zyk-banner img,
  .yl-banner img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
  .yl-banner .swiper-slide .icon-play {
    width: 10rem !important;
    height: 10rem !important;
  }
  .yingyong-wrap {
    flex-wrap: wrap;
    margin-top: 1.3rem;
  }
  .yingyong-wrap .yingyong-item {
    flex: 100%;
    margin-right: 0;
    box-shadow: none;
    margin-bottom: 1.5rem;
  }
  .vip-wrap {
    flex-wrap: wrap;
  }
  .vip-wrap .vip-item {
    flex: 100%;
    margin-right: 0;
    box-shadow: none;
    display: flex;
    height: auto;
    margin-bottom: 2rem;
  }
  .vip-wrap .vip-item .top {
    flex: 1;
    border-right: 1px solid #ccc;
  }
  .vip-wrap .vip-item .top .msg {
    border-bottom: none;
    height: auto;
  }
  .vip-wrap .vip-item .bottom {
    flex: 1;
    padding: 0 3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .vip-wrap .vip-item .bottom .money-wrap {
    align-items: flex-end;
    height: auto;
  }
  .vip-wrap .vip-item .bottom .btn {
    width: auto;
  }
  .vip-wrap .vip-item .bottom .btn1 {
    background: none;
    text-align: left;
    margin-right: 0;
    font-size: 1.2rem;
    margin-top: 2rem;
    line-height: normal;
  }
  .kehu-wrap {
    margin-right: 0;
  }
  .kehu-wrap .kehu {
    flex: 0 0 calc(33.3% - 1rem);
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
  .kehu-wrap .kehu:hover {
    box-shadow: none;
  }
  .case-show-swiper-wrap .waterfall-layout-wrap .waterfall-layout {
    flex: 0 0 18rem;
  }
  .case-show-swiper-wrap .waterfall-layout-wrap .waterfall-layout .waterfall-layout-top .waterfall-layout-top-left {
    width: 100%;
  }
  .case-show-swiper-wrap .waterfall-layout-wrap .waterfall-layout .waterfall-layout-top img {
    width: 18rem;
    height: auto;
  }
  .e-Learning-wrap {
    margin-top: 5rem !important;
    padding-top: 3rem;
  }
  .e-Learning-wrap .e-Learning-list {
    justify-content: flex-start;
  }
  .e-Learning-wrap .e-Learning-list .e-Learning__item {
    flex: 0 0 28rem;
    box-shadow: none;
    height: auto;
  }
  .e-Learning-wrap .e-Learning-list .e-Learning__item .img {
    height: auto;
  }
  .e-Learning-wrap .e-Learning-list .e-Learning__item .e-Learning__content .check-details {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  html {
    font-size: 6px;
    /* 15.04÷16=94% */
  }
  .head-wrap .head .menu-wrap .menu {
    font-size: 2.2rem;
  }
  .tel-wrap-h5 {
    height: 7rem;
  }
  .tel-wrap-h5 img {
    width: 4rem;
    height: 4rem;
  }
  .tel-wrap-h5 a.tel {
    font-size: 3.6rem;
  }
}
/*# sourceMappingURL=index-media.css.map */