@media (max-width: 767px) {
  body {
    width: 100%;
    height: 100%;
  }
  .section .container {
    padding: 0 1.5rem;
  }
  .section-banner .swiper-slide {
    flex-direction: column;
    margin:1rem;
  }
  .section-banner .swiper-slide .desc{
    width:80%;
  }
  .section-banner .swiper-slide h3{
    white-space: nowrap;
  }
  .product-list .product-items{
    width:46%;
  }
  .section-banner .swiper-slide .pic{
    width:auto !important;
  }
  .jinshi-advantage ul{
    display:flex;
    flex-direction: column;
  }
  .jinshi-advantage ul li{
    background-color: #fff;
    padding: 2.5rem 0;
    border-radius: .6rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 1.8rem;
  }
  .jinshi-advantage ul .advantage-img{
    width: 32%;
    text-align: center;
  }
  .jinshi-advantage ul .advantage-img img{
    margin: auto;
    width: 68%;
  }
  .jinshi-advantage ul .advantage-text {
    width: 70%;
    text-align: center;
  }
  .jinshi-advantage ul .advantage-title {
    font-size: 2rem;
    letter-spacing: .1rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
  }
  .jinshi-advantage ul .advantage-content{
    font-size: .8rem;
    line-height: 1.6rem;
  }
  .product .section-content ul li{
    width:100%;
  }
  .physical .Course-build{
    padding: 0rem 4% 0 4%;
    flex-direction: column;
  }
  .physical .Course-build .left{
    width: 100%;
    text-align: center;
    margin-bottom: 0.3rem;
  }
  .physical .Course-build .right{
    width: 100%;
    margin:0 auto;
  }
  .mask-items-title{
    /* color: white; */
    padding: 4rem 0 2rem 2rem;
  }
  .mask-items-title .title1{
    font-size:1.2rem;
  }
  .mask-items-title .title2{
    font-size:2.4rem;
    margin-top:2rem;
  }
  .panel-default > .panel-heading {
    background-color: #f5f5f5;
  }
  .panel-title{
    padding:1rem;
    font-size: 1rem;
  }
  .panel-group .panel-heading{
    border:1px solid #ececec;
  }
}