/* 常见问题 */
@media(max-width: 767px) {
  html{
    width: 100%;
    min-width: 100%;
  }
  /* 侧边栏隐藏 */
  .hk-contab{
    display: none!important;
  }
  .hk-top{
    display: none!important;
  }
  #right_tab{
    display: none!important;
  }
  /* header部分--暂时 */
  #nav_wapper{
    position: relative;
  }

  /* 产品列表 */
  .product-box{
    width: 100%;
    margin: 16px 0 0;
    padding: 0 16px;
  }
  .product-item{
    width: 100%;
  }
  .product-item .item-pic{
    width: 64px;
    height: 64px;
    margin-bottom: 8px;
    background: url(../../../../../www.jdy.com/resource/images/qywx/icon-qywx-mobile.png)no-repeat center;
  }
  .product-item .item-pic.pic01{
    background-position: -0px -0px ;
  }
  .product-item .item-pic.pic02{
    background-position: -64px -0px ;
  }
  .product-item .item-pic.pic03{
    background-position: -192px -0px ;
  }
  .product-item .item-pic.pic04{
    background-position: -128px -0px ;
  }
  .mobile-item-content{
    
  }
  .product-item .title{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 12px;
  }
  .product-item .decs{
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 25px;
  }
  /* 问题列表 */
  .problem-content-box{
    width: 100%;
    padding-top: 32px;
    padding-bottom: 0;
  }
  .problem-title{
    font-size: 24px;
    color: #212121;
    letter-spacing: 0;
    text-align: center;
    line-height: 36px;
    margin-bottom: 24px;
  }
  .problem-list-box .list-qus{
    padding: 0 12px 0 16px;
    height: 62px;
    line-height: 62px;
  }
  .problem-list-box .list-qus span:first-child{
    font-size: 14px;
  }
  .problem-list-box .list-ans{
    line-height: 30px;
  }

  .qrcode{
    position: relative;
    height: 452px;
    background-image: linear-gradient(-90deg, #4284FB 0%, #0250FE 100%);
  }

  .qrcode-title{
    font-size: 20px;
    line-height: 48px;
    text-align: center;
    margin-top: 35px;
  }
  .qrcode-title ~ p{
    display: none;
  }


    #banner{
        background: url(../images/mobile/banner_yjxc.png) no-repeat;
        height: unset;
        background-size: cover;
    }
    #banner .banner-content{
        width: 100%;
        padding-top: 29px;
        padding-left: 24px;
    }
    #banner .banner-content .qywx-logo{
        display: none;
    }
    #banner .banner-content h1{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    #banner .banner-content p{
        font-size: 12px;
        line-height: 16px;
        width: 196px;
        padding-bottom: 27px;
    }
    .banner-text-pc{
        display: none;
    }
    .banner-text-mobile{
        display: block;
    }
    #banner .banner-content .btn-box{
        display: none;
    }
    .qrcode > div{
        width: 100%;
        text-align: center;
        position: relative;
        top: 52px;
    }
    .qrcode > div img{
        padding: 0;
        width: 280px;
        float: unset;
    }
    .qrcode > div:last-child{
        width: 100%;
        float: unset;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* 产品展示 */
    #wapper_feacture_mobile{
        background-image: linear-gradient(-90deg, #496BEE 23%, #4284F5 100%);
        height: 640px;
    }
    #wapper_feacture_mobile h3{
        font-size: 23px;
        color: #FFFFFF;
        letter-spacing: 0;
        text-align: center;
        line-height: 48px;
        margin-bottom: 18px;
    }
    #wapper_feacture_mobile .swiper-slide .icon{
        width: 20px;
        height: 24px;
        background-size: 100%;
        display: inline-block;
        margin-right: 11px;
        vertical-align: middle;
        margin-left: 16px;
        background-repeat: no-repeat;
    }
    #wapper_feacture_mobile .swiper-slide .icon01 {
        background-image: url(../images/mobile/feacture-ico-1.png);
    }
    #wapper_feacture_mobile .swiper-slide .icon02 {
        background-image: url(../images/mobile/feacture-ico-2.png);
    }
    #wapper_feacture_mobile .swiper-slide .icon03 {
        background-image: url(../images/mobile/feacture-ico-3.png);
    }
    #wapper_feacture_mobile .swiper-slide .icon04 {
        background-image: url(../images/mobile/feacture-ico-4.png);
    }
    #wapper_feacture_mobile .swiper-slide .icon05 {
        background-image: url(../images/mobile/feacture-ico-5.png);
    }
    #wapper_feacture_mobile .swiper-slide .title{
        font-size: 20px;
        color: #FFFFFF;
        line-height: 28px;
    }
    #wapper_feacture_mobile .swiper-slide .decs{
        font-size: 14px;
        color: #FFFFFF;
        letter-spacing: 0;
        line-height: 32px;
        margin-left: 16px;
    }
    #wapper_feacture_mobile .feacture-pic {
        display: block;
        height: 400px;
        width: 184px;
        position: relative;
        top: 0;
        left: 50%;
        animation: unset;
        z-index: 9;
        margin-left: -92px;
        margin-top: 38px;
    }
    #wapper_feacture_mobile .feacture-pic01 {
        background: url(../../../../../www.jdy.com/resource/images/qywx/feacture-pic01.png)no-repeat center;
        background-size: 100%;
    }
    #wapper_feacture_mobile .feacture-pic02 {
        background: url(../../../../../www.jdy.com/resource/images/qywx/feacture-pic02.png)no-repeat center;
        background-size: 100%;
    }
    #wapper_feacture_mobile .feacture-pic03 {
        background: url(../../../../../www.jdy.com/resource/images/qywx/feacture-pic03.png)no-repeat center;
        background-size: 100%;
    }
    #wapper_feacture_mobile .feacture-pic04 {
        background: url(../../../../../www.jdy.com/resource/images/qywx/feacture-pic04.png)no-repeat center;
        background-size: 100%;
    }
    #wapper_feacture_mobile .feacture-pic05 {
        background: url(../../../../../www.jdy.com/resource/images/qywx/feacture-pic05.png)no-repeat center;
        background-size: 100%;
    }

    #wapper_feacture_mobile .swiper-pagination-bullet{
        opacity: 0.5;
        background: #fff;
    }
    #wapper_feacture_mobile .swiper-pagination-bullet-active{
        opacity: 1;
        background: #fff !important;
    }
    #wapper_feacture_mobile.swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 20px;
    }
}