@media screen and (max-width: 500px) {
    .index{
        width: 100%!important;
        min-width: 0!important;
    }
    .h5_banner{
        display:block!important;
        
    }
    .pc_banner{
        display:none!important;
        
    }
    #nav{
        min-width:0!important;
        width:100%!important;
        z-index:101!important;
        background: rgba(0,0,0,0.05)!important;
        height: 60px!important;
        line-height: 60px!important;
    }
    #nav .navBox{
        width:100%!important;height: 100%!important;
    }
    #nav .navBox .pull-left {
        width: 81px!important;
    }
    #nav .navBox .pull-left img{
        height:23.5px;
    }
    #nav .navBox .pull-right {
        height: 0px!important;
        overflow: hidden!important;
    }
    #nav .newPull-right{
        width: 100%!important;
        overflow: hidden!important;
        background: rgba(0,0,0,.75)!important;
        z-index: 100!important;
        position: absolute!important;
        top: 60px!important;
        height: calc(100vh - 60px)!important;
    }
    #nav .newPull-right a{
            color: #fff;
            text-decoration: none;
            height: 60px;
            display: flex;
            justify-content: space-around;
            line-height: 60px;
            font-size: 16px;
            border-bottom: 1px solid #ffffff30;
    }
    #nav .newPull-right span{
           width:100px;
           text-align:center;
           font-weight:600;
    }
    
    #nav .newPull-right a img{
            transform: rotate(-90deg);
            height: 8px;
    }
    #nav .newPull-right-icon{
        display:flex!important;
        align-items: center;
        height: 100%;
        width: 50px;
        justify-content: center;
        float: right;
    }
    #nav .pull-right .item{
        margin-left: 0!important;
    }
    
    .swiper{
        min-width:0!important;
        width: 100%!important;
        height: 170px!important;
    }
    .swiper-button-next:after,
    .swiper-button-prev:after{
        display:none!important;
    }
    
    .index>.category{
        width:100%;
    }
    .index .category .categoryBox{
        width:100%;
    }
    .index>.category .categoryBox .itemCon{
        width:100%;
        padding:12px 24px;
        height:auto;
    }
    .index>.category .categoryBox .itemCon .text{
            width: calc(100% - 90px);
    }
    .index>.category .categoryBox .itemCon .text .name{
            height:24px;
    }
    .index>.category .categoryBox .itemCon .text .desc{
            height:40px;
    }
   
   .freeSystem{
        display:none!important;
   }
   .freeSystemPhone{
        display:block!important;
        width: 100%!important;
        min-width: 0!important;
        height: auto!important;
   }
   .index .freeSystemPhone .jiejuefnaganBox{
    width:100%;
     height: auto; 
     left: 0;
     top: 0; 
     margin-left: 0;
     flex-wrap:wrap;
     position:static!important;
     justify-content: space-between;
     padding: 12px;
   }
   .index .freeSystemPhone .jiejuefnaganBox .xinwenMore{
        margin:10px auto 0!important;
   }
   .index .freeSystemPhone .jiejuefnaganBox .xinwenMore a{
        color:#666666!important;
   }
   .index .freeSystemPhone .jiejuefnaganBox .fanganBox{
    width:100%;
    height: auto;
    padding: 12px;
    border: 1px solid #F1F1F1;
    margin-bottom: 12px;
   }
   .index .freeSystemPhone .jiejuefnaganBox .fanganBox .fanganBoxTitle {
    margin-top: 0;
    height: 20px;
    line-height: 20px;
    color:#000;
    font-size: 16px;
   }
   .index .freeSystemPhone .jiejuefnaganBox .fanganBox .fanganBoxDesc {
    margin-top: 8px;
    margin-bottom: 8px;
    height:auto;
   }
    .index .freeSystemPhone .jiejuefnaganBox .fanganBox .toMore img {
    float:right;
    width:14px
   }
   
   .index .xinwendongtai{
        display:none;
   }
   .index .xinwendongtaiPhone{
        display:block;
        width:100%;
        margin-top:30px!important;
        
   }
   .index .xinwendongtaiPhone .title{
        width: 100%;
        padding: 0 24px;
   }
    .index .xinwendongtaiPhone .title .name{
        font-size: 24px;
        margin-bottom: 12px;
        color: #333333;
    }
    .index .xinwendongtaiPhone .title .xinwendes{
        width:100%;
        top: 13px;
        left: 86px;
        font-size: 32px;
    }
    .index .xinwendongtaiPhone .title .xinwenMore{
        position: absolute;
        right: 20px;
        top: 15px;
    }
    .index .xinwendongtaiPhone .title .xinwenMore a{
        color:#666666!important;
    }
    .index>.xinwendongtaiPhone>.function{
        width:100%!important;
        height:auto!important;
        margin-top:0!important;
        display:block!important;
    }
    .index>.xinwendongtaiPhone .xinwenitmBox .xinwenleft{
        width: 100%;
        flex-direction: revert;
        padding-top: 0;
        justify-content: space-around;
    }
    .index>.xinwendongtaiPhone .xinwenitmBox .xinwenright{
            width: 100%!important;
    }
    .index>.xinwendongtaiPhone .function li{
            width: 100%;
            margin: 0;
            height: auto;
    }
    
    .index>.xinwendongtaiPhone .function li .xinwenlistItem{
            display: flex;
            flex-wrap: wrap;
            height:auto;
            padding:0 12px!important;
    }
    .index>.xinwendongtaiPhone .function li .xinwenlistItem .newsItem{
            width:100%!important;
            padding: 12px 0!important;
    }   
    .index>.xinwendongtaiPhone .function li .xinwenlistItem .newsItem a{
            display: flex;
            justify-content: space-between;
    } 
    .index> .xinwendongtaiPhone .function li .xinwenlistItem .pictrue{
            width: 35%;
            height:auto;
            margin-top:0;
    }
    .index> .xinwendongtaiPhone .function li .xinwenlistItem .right_box{
            width: 60%;
            display: flex;
            justify-content: center;
            flex-direction: column;
    }
    .index> .xinwendongtaiPhone .function li .xinwenlistItem .right_box .xinWenTitle{
            height:24px!important;
            font-size: 16px!important;
            margin-top:0px!important;
            margin-bottom:0px!important;
    }
    .index> .xinwendongtaiPhone .function li .xinwenlistItem .right_box .xinwenRemark{
            margin: 8px 0!important;
            line-height: 20px!important;
            height: 40px!important;
            font-size: 14px!important;
    }
    .index> .xinwendongtaiPhone .function li .xinwenlistItem .right_box .xinwenRemark span{
           display:block!important;
           height:40px!important;
    }
    .index> .xinwendongtaiPhone .function li .xinwenlistItem .right_box .right_news_box{
            
            height: 24px!important;
            line-height:24px!important;
            font-size: 14px!important;
            display: flex;
            justify-content: space-between;
    }
    .index> .xinwendongtaiPhone .function li .xinwenlistItem .right_box .xinwenMore,
    .index> .xinwendongtaiPhone .function li .xinwenlistItem .right_box .xinWenMonth{
            margin:0!important;
    }
    .index .function li .item span{
        margin-right:0!important;
    }
    
    .index .zzrzhzyxbox{
        width: 100%!important;
        min-width: 0px!important;
    }
    .index>.zzrzhzyxbox>.fuwuzhichi{
        width: 100%!important;
        height: auto!important;
        padding-top: 24px;
    }
    .index>.zzrzhzyxbox>.fuwuzhichi .name{
            font-size: 24px!important;
    }
    .index>.zzrzhzyxbox>.fuwuzhichi .infor{
            font-size: 16px!important;
            margin-top: 12px!important;
            padding: 0 12px!important;
    }
    .index>.zzrzhzyxbox>.fuwuzhichi .fwzcImg{
            margin-top: 32px!important;
            justify-content: space-around!important;
            display: flex!important;
            width:100%!important;
    }
    .zzrzItem{
        height:80px!important
        }
    .zzrzItem .zzrzNum{
            font-size: 32px!important
    }
    .zzrzItem .zzrztitle{
            font-size: 12px!important;
    }
    .zzrzItem:last-child .zzrztag {
        right: 15px!important;
    }
    
    .index .hezuoyuanxiao{
        width:100%!important;
        margin-top: 24px!important;
    }
    .index .hezuoyuanxiao .title{
        display: flex!important;
        justify-content: center!important;
    }
    .index .hezuoyuanxiao .hezuoyuanxiaoitm{
            padding: 0 12px;
            margin-top: 30px;
            margin-bottom: 10px;
            
            display: flex!important;
            justify-content: space-around!important;
            flex-wrap: wrap!important;
            grid-gap: 0!important;
            <!--display: grid;-->
            <!--justify-content: space-between;-->
            <!--grid-template-columns: repeat(auto-fill, 48%);-->
            <!--grid-gap: 15px 10px;-->
            
            
    }
    .hzyxItem{
        width:30%;
        margin-bottom:10px;
    }
    .index .hezuoyuanxiao .hezuoyuanxiaoitm .hzyxItem img{
        width:100%;
    }
    .index .newsItem:hover{
        background:#fff!important;
    }
    
    
   
    .index>.category .title,
    .index>.freeSystem  .title
    {
        width:100%;
        padding:24px 0;
    }
    .index>.category .title .name,
    .index>.freeSystem  .title .name{
        font-size: 24px;
        color: #333333;
    }
    .index>.category .title .xinwendes,
    .index>.freeSystem  .title .xinwendes{
        color: #C8C8C8;
    }
    
    
    
    #footer{
        width: 100%!important;
        min-width: 0px!important;
    }
    .footerPc{
        display:none!important;
    }
    #footer .footerH5{
        width: 100%!important;
        display:flex!important;
        background: #000;
        flex-direction: column;
        align-items: center;
    }
    #footer .footerH5 .H5img{
        margin: 12px 0;
    }
    #footer .footerH5 .address{
        color: #FFFFFF;
        margin-bottom: 24px;
    }
    #footer .footerH5 .name{
        color: #8391A6;
        margin-bottom: 4px;
        font-size: 16px;
    }
    #footer .footerH5 .official{
        font-size: 22px;
        color: #FFFFFF;
        margin-bottom: 12px;
    }
    #footer .footerH5 .line{
        width: 90%;
        height: 1px;
        background: #5C6776;
        margin-bottom: 12px;
    }
    #footer .footerH5 .detail{
        font-size: 14px;
        color: #8391A6;
        text-align: center;
        margin-bottom: 12px;
    }
    #footer .footerH5 .detail a{
        color: #8391A6!important;
    }
    
    /*关于我们*/
    
    .publicHeader{
        width:100%!important;
        min-width:0!important;
    }
    .publicHeader img{
        min-height:0!important;
    }
    .productNews>.conter{
        margin-top: 0px !important;
        min-width:0px !important;
        width:100%!important;
    }
    .productNews>.conter>.wrapper_1200{
        width:100%!important;
    }
    
    .conter .publicList .aboutusImg{
        display:none!important;
    }
    .productNews>.conter .title,
    .productNews>.conter1 .title{
        width:100%;
        padding:24px 0;
        margin-bottom:0px!important;
    }
    .productNews>.conter .title .pubname,
    .productNews>.conter1 .title .pubname{
        font-size: 24px!important;
        color: #333333!important;
    }
    .productNews>.conter .title .pubdesc{
        color: #C8C8C8!important;
    }
    .productNews>.conter .publicList p strong{
        font-size: 16px!important;
        text-align: center!important;
    }
    .productNews>.conter .details .text{
        width:100%!important;
        padding:12px!important;
    }
    .publicLists .pubdesc:before,
    .publicLists .pubdesc:after{
        display:none!important;
    }
    .productNews>.conter1{
            min-width: 0px!important;
            width:100%!important;
            margin-bottom:0px!important;
    }
    .conter1 .yjbox{
        width:85px!important;
        height:85px!important;
            margin-bottom: 10px;
    }
    .conter1 .yjcontent,.conter1 .picontent{
        font-size:12px!important;
        font-weight: 400!important;
    }
    
    .productNews>.conter1 .wrapper_1200{
            width:100%!important;
    }
    
    .productNews>.conter1 .yjcList{
            padding: 0 12px!important;
    }
    .productNews>.conter1 .yjctrue{
            width:50%!important;
            padding: 0 12px!important;
    }
    .productNews>.conter1 .yjcontent{
            margin: 0 0 30px!important;
            
    }
    .productNews>.conter1 .publicLists  .pubremark{
            margin-top: -20px!important;
            height:auto!important;
            padding:0 12px!important;
    }
    .productNews>.conter1 .publicLists  .qywh{
            padding:0 12px!important;
    }
    .productNews>.conter1 .publicLists  .qywh .picImg{
            width:90px!important;
    }
    
    .productNews>.conter2{
        margin-top: 40px!important;
        height: auto!important;
        padding-top: 0px!important;
        padding-bottom: 30px!important;
    }
    .productNews>.conter2 .xinwenitmBox{
            width: 90%!important;
            margin: 0 auto!important;
                height: auto!important;
    }
    .productNews>.conter2 .xinwenitmBox .xinwenleft .xinwen{
        font-size: 18px!important;
    }
    .productNews>.conter2 .xinwenitmBox .xinwenlistItem{
        flex-wrap: wrap;
    }
    .productNews>.conter2 .xinwenitmBox .xinwenlistItem .newsItem{
        width: 45%;
        margin-bottom: 10px;
    }
    .productNews>.conter2 .xinwenitmBox .xinwenlistItem .newsItem img{
        width: 100%;
    }
    
  /*解决方案列表*/

    
    .aboutUs>.conter{
        width:100%!important;
        padding:0 12px!important;
    }
    .aboutUs>.conter .list{
        grid-template-columns: repeat(auto-fill, 100%)!important;
        grid-gap: 15px!important;
    }
    
       /*客服中心*/
    
    .case-center>.wrapper_1200{
        width:100%!important;
    }
    .case-center>.wrapper_1200 .formMember{
        width:95%!important;
        margin: 30px auto!important;
        padding: 30px 12px!important;
    }
    .case-center>.wrapper_1200 .formMember .form .item{
        width:100%!important;
    }
    .case-center>.wrapper_1200 .formMember .form .captcha{
        width:100%!important;
            display: flex;
    }
    
    /*新闻列表*/
    
    .productNews .topheader{
            padding: 0 12px!important;
    }
    .productNews .topheader .sortNav{
        width:100%!important;
    }
    .productNews .topheader .sortItm{
            padding: 0!important;
            margin-top:7px!important;
    }
    .productNews .conterNews{
        padding-top: 24px!important;
    }
    .productNews .conterNews  .left{
            width: 100%!important;
            padding: 0 12px!important;
    }
    .productNews>.conterNews .left .publicLists .text {
            width: calc(100% - 110px)!important;
            padding: 0px!important;
    }
    .productNews>.conterNews .left .publicLists .text .name{
           
            
            font-size: 16px!important;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 6px!important;
    }
    .productNews>.conterNews .left .publicLists .text .infor1{
            height: auto!important; 
            font-size: 12px!important; 
            line-height: 20px!important; 
    }
   .productNews>.conterNews .left .publicLists .text .icons{
            margin: 6px 0 12px 0!important; 
            justify-content: left!important; 
    }
    .productNews>.conterNews .publicList>.item {
                padding: 12px 12px 0!important;
                justify-content: space-between!important;
                height:auto!important;
    }
    .productNews>.conterNews .publicList>.item .pictrue {
                    width: 100px!important;
                    height:auto!important;
    }
    .productNews>.conterNews .publicList>.item .pictrue a{
                    width: 100%!important;
    }
    
    
    /*解决方案内容页*/
    .news-content-page .conter{
        width:100%!important;
    }
    .news-content-page .asideCon{
        width:100%!important;
        padding: 0 12px!important;
    }
    .news-content-page .asideCon .article{
        margin-bottom: 20px
    }
    .news-content-page .asideCon img{
        width:100%!important;
        height:auto!important;
    }
    
    
    /*处理course*/
    a:-webkit-any-link,
    .jiejuefnaganBox .fanganBox,
    .xinwenitmBox .xinwenleft .xinwen,
    .publicList .item,
    .xinwenleft .xinwen{
        cursor: none!important;
    }
}