@media (max-width: 1099px) {
  .pc-top .t-middle {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .footer .copy-middle p {
    width: 100%;
  }
  .title-warp .title-middle {
    width: 100%;
  }
  .sense-warp {
    width: 100%;
  }
  .sense-warp .sense-con {
    width: 100%;
  }
  .sense-warp .sense-con .con-middle {
    width: 100%;
  }
  .sense-warp .sense-con .con-middle .tab {
    width: 100%;
  }
  .interview-warp {
    width: 100%;
  }
  .interview-warp .interview-con {
    width: 100%;
  }
  .interview-warp .interview-con .inter-middle {
    width: 100%;
  }
  .interview-warp .interview-con .inter-middle .i-list {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .pc-top {
    display: none;
  }
  .phone-top {
    display: block;
  }
  .banner {
    display: none;
  }
  .phone-banner {
    display: block;
  }
  .interview-warp .title-warp .title-middle .title,
  .sense-warp .title-warp .title-middle .title,
  .display-warp .title-warp .title-middle .title,
  .course-warp .title-warp .title-middle .title,
  .join-warp .title-warp .title-middle .title {
    background-size: 80% 80%;
    background-position: 50% 50%;
  }
  .footer .copy-middle .footer-list {
    display: none;
  }
  .footer .copy-middle p {
    width: 100%;
    padding-top: 20px;
  }
}
@media (max-width: 960px) {
  .sense-warp .sense-con {
    width: 100%;
  }
  .sense-warp .sense-con .con-middle {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .sense-warp .sense-con .con-middle .tab-con {
    width: 100%;
    height: auto;
  }
  .interview-warp .interview-con .inter-middle .main {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
  .interview-warp .interview-con .inter-middle .main .i-list {
    width: 100%;
  }
  .interview-warp .interview-con .inter-middle .main .main-con {
    width: 100%;
    height: auto;
  }
  .display-warp .dispaly-con .dis-main {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .display-warp .dispaly-con .dis-main .tip {
    display: none;
  }
  .course-warp .course-con {
    width: 100%;
  }
  .course-warp .course-con .course-main {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .join-warp .join-con .join-main {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .interview-warp .title-warp,
  .sense-warp .title-warp,
  .display-warp .title-warp,
  .course-warp .title-warp,
  .join-warp .title-warp {
    height: 90px;
  }
  .interview-warp .title-warp .title-middle,
  .sense-warp .title-warp .title-middle,
  .display-warp .title-warp .title-middle,
  .course-warp .title-warp .title-middle,
  .join-warp .title-warp .title-middle {
    height: 90px;
  }
  .interview-warp .title-warp .title-middle .title,
  .sense-warp .title-warp .title-middle .title,
  .display-warp .title-warp .title-middle .title,
  .course-warp .title-warp .title-middle .title,
  .join-warp .title-warp .title-middle .title {
    background-size: 80% 80%;
    background-position: 50% 50%;
    margin-top: 24px;
  }
  .sense-warp .sense-con {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .sense-warp .sense-con .con-middle .tab .list li span {
    font-size: 18px;
    line-height: 46px;
    margin-bottom: 10px;
  }
  .sense-warp .sense-con .con-middle .tab-con {
    margin-top: 20px;
  }
  .sense-warp .sense-con .con-middle .tab-con p {
    font-size: 14px;
    line-height: 26px;
    padding: 30px 10px 0 20px;
  }
  .interview-warp .interview-con .inter-middle .main .i-list li {
    width: 120px;
    font-size: 14px;
  }
  .interview-warp .interview-con .inter-middle .main .i-list .hover {
    width: 160px;
    font-size: 16px;
  }
  .interview-warp .interview-con .inter-middle .main .main-con .pic {
    padding: 0;
    padding-top: 7%;
  }
  .interview-warp .interview-con .inter-middle .main .main-con .pic img {
    padding: 0;
    margin: 0 auto;
    width: 60%;
    height: 60%;
  }
  .interview-warp .interview-con .inter-middle .main .main-con .section {
    padding: 2%;
  }
  .interview-warp .interview-con .inter-middle .main .main-con .section p {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
  }
  .interview-warp .interview-con .inter-middle .main .main-con .section p span {
    font-size: 16px;
  }
  .display-warp .dispaly-con .dis-main {
    width: 100%;
  }
  .display-warp .dispaly-con .dis-main .l-con {
    width: 100%;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
    border-radius: 10px;
  }
  .display-warp .dispaly-con .dis-main .r-con .question .wenhao {
    background-size: 80% 80%;
  }
  .display-warp .dispaly-con .dis-main .two-title {
    margin-top: 60px;
    margin-bottom: 0;
  }
  .display-warp .dispaly-con .dis-main .two-con {
    padding-top: 30px;
  }
  .course-warp .course-con .course-main .course-tab {
    margin-bottom: 20px;
  }
  .course-warp .course-con .course-main .course-tab .hot {
    left: -3.5%;
  }
  .join-warp .join-con .join-main .erweima {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .interview-warp .title-warp,
  .sense-warp .title-warp,
  .display-warp .title-warp,
  .course-warp .title-warp,
  .join-warp .title-warp {
    height: 50px;
  }
  .interview-warp .title-warp .title-middle,
  .sense-warp .title-warp .title-middle,
  .display-warp .title-warp .title-middle,
  .course-warp .title-warp .title-middle,
  .join-warp .title-warp .title-middle {
    height: 50px;
  }
  .interview-warp .title-warp .title-middle .title,
  .sense-warp .title-warp .title-middle .title,
  .display-warp .title-warp .title-middle .title,
  .course-warp .title-warp .title-middle .title,
  .join-warp .title-warp .title-middle .title {
    background-size: 50% 50%;
    background-position: 50% 50%;
    margin-top: 5px;
  }
  .sense-warp .title-warp .title-middle .title {
    background-position: 45% 50%;
  }
  .interview-warp .title-warp .title-middle .title {
    background-position: 20% 50%;
  }
  .interview-warp .interview-con {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .display-warp .dispaly-con {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .display-warp .dispaly-con .dis-main {
    width: 100%;
  }
  .display-warp .dispaly-con .dis-main .l-con {
    font-size: 16px;
    width: 100%;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 25px;
    border-radius: 10px;
  }
  .display-warp .dispaly-con .dis-main .r-con .question .text {
    padding-left: 15px;
    padding-right: 5px;
  }
  .display-warp .dispaly-con .dis-main .r-con .question .wenhao {
    background-size: 80% 80%;
  }
  .display-warp .dispaly-con .dis-main .r-con .question .line {
    left: 20%;
  }
  .display-warp .dispaly-con .dis-main .two-title {
    margin-top: 40px;
    margin-bottom: 0;
  }
  .display-warp .dispaly-con .dis-main .two-con {
    padding-top: 30px;
  }
  .course-warp .course-con {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .course-warp .course-con .course-main .course-tab {
    margin-bottom: 20px;
  }
  .course-warp .course-con .course-main .course-tab .hot {
    left: -6.5%;
  }
  .join-warp .title-warp .title-middle .title {
    background-position: 25% 50%;
  }
  .join-warp .join-con {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .join-warp .join-con .join-main .erweima img {
    width: 160px;
    height: 160px;
  }
  .join-warp .join-con .join-main .erweima p {
    font-size: 16px;
  }
}
@media (max-width: 360px) {
  .interview-warp .title-warp .title-middle .title,
  .sense-warp .title-warp .title-middle .title,
  .display-warp .title-warp .title-middle .title,
  .course-warp .title-warp .title-middle .title,
  .join-warp .title-warp .title-middle .title {
    background-size: 40% 40%;
    background-position: 50% 50%;
  }
  .interview-warp .title-warp .title-middle .title {
    background-size: 40% 40%;
    background-position: 20% 50%;
  }
  .join-warp .title-warp .title-middle .title {
    background-size: 40% 40%;
    background-position: 25% 50%;
  }
}
/*# sourceMappingURL=respones.css.map */