@media only screen and (max-width: 767px) and (min-width: 100px){
    .top-box{
        min-width: auto; 
        height: 8vw;
    }
    .small-top-nav {
        margin:1vw 3vw;
    }
    .nav-box{
        min-width: auto;
    }
    .search-banner{
        width: 100%;
    }
    .foot-bg{
        min-width: auto;
        margin-top: 1vw;

    }
    .container-bg{
        height:47vw;
        background-image: url(/cms_files/webcixishirenminzhengfuwangzhan/pubtplobject/defaultSet/644921/images/top-app.png);
        background-size:cover;
        min-width: auto;
    }
    .container{
        width: 100%;
        overflow: hidden;
    }
    .top{
        display:block
    }
    .logo{ 
         width:60%;
         margin-left: 20%;
         margin-top: 9vw;
      
    }
    .logo img{
        width: 100%;
    }
    .input-box{
        width: 88%;
        box-sizing: border-box;
        margin: 6vw 6%;
        height: 10vw;
    }
    .input-box input{
        font-size: 4vw;
        height: 10vw;
        line-height: 10vw;
    }
    .srarch{
        height: 10vw;
        background-size: 4.7vw;
    }
    .nav a{
        width: 33.33%;
        height: 11vw ;
    }
    .nav a h1{
        font-size: 4.5vw !important;
        line-height: 11vw !important;
    }
    .nav a .nav-img{
        height: 11vw ;
    }
    /* .nav .app-sy{
        height: 22vw;
    }
    .nav .app-sy h1{
        line-height: 22vw !important;
    }
    .nav .app-sy .nav-img{
        height: 22vw ;
    } */
    .white-bg{
        margin: 3vw;
        padding: 3vw;

    }
    .news-bg{
        padding: 0;
        margin-top: 3vw;
    }
    .white-bg-padding1,.white-bg-padding2,.white-bg-padding{
        margin: 1.5vw 3vw;
        padding: 0;
    }
    .news-img{
        height: 56vw;
    }
    .news-img img{
        height: 56vw;
    }
    .txt{
        height: 8vw
    }
    .txt .news-font a{
        font-size:3.6vw;
        line-height:8vw ;
    }
    .news{
        height: auto;
        padding-bottom: 2vw;
    }
    .news-tittle{
        margin: 0 3vw;
        height: 14vw; 
    }
    .news-tittle h1{
        line-height: 15vw !important;
        font-size: 4.2vw;
        padding: 0 1vw;
        font-weight: bold;
        height: auto;
    }
   
    .more{
        font-size: 4vw; 
        line-height: 15vw;
    }
    .new-article{
        padding: 1vw 3vw;
    }
    .new-article a{
        font-size: 3.8vw; 
        line-height: 10vw;
        padding: 0 5vw 0 18px;
    }
    .new-article p{
        font-size: 3.6vw; 
        line-height: 10vw;
    }
    .banner{
        margin:0 3vw;
    }
    .tittle-big{
        font-size: 6vw;
        line-height: 12vw;
        margin-top: 1.5vw;
    }
    .news-another .new-article a{
        line-height:9vw;
    }
    .news-another .new-article p{
        line-height:9vw;
    }
    .news-another .new-article{
        padding-bottom:1vw
    }
    .icon-box{
        padding:0 1.5vw;

    }
    .icon-box-one{
        margin-top: 2vw;

    }
   .icon{
       background-color: #f5f5f5;
       margin: 1.5vw;
       border-radius: 2px;
   }

   .icon div{
       height: auto;
   }
   .icon p{
       font-size: 3vw;
       line-height:5vw;
       margin-bottom: 2vw;

    }
    .box{
        width: 300px;
        max-width: 86%;
    }
    .cxscroll{
        padding: 2vw 0 3vw 0;
    }
    .list{
        width: 2240px;
        left: -10px;
    }
    .list a{
        width: 300px;
        height: 100px;
    }
    .cxscroll .prev {
        left: 2vw
    }
    .cxscroll .next{
        right:2vw;
    }
    .zmhd{
        margin: 0;
    }
  
   
    .color{
        flex: 1;
        overflow: hidden;
        margin-bottom: 2vw;
    }
    .color-1,.color-3{
      margin-right: 1vw;
    }
    .color-2,.color-4{
        margin-left: 1vw;
      }
    .zmhd .color img{
        width: 160px;
    }
    .zmhd-n{
        margin-bottom: 2vw;
    }
    .another-link{
        justify-content: center;
        align-items: center;
    }
    .another-link a{
        flex: 1;
        margin:0 1vw;
        border:1px solid #ccc;
        background-color: #fff;
        color: #333;
        font-size: 3.2vw;
        text-align: center;
        height:12vw;
        line-height: 11vw;
        
    }
    .another-link a img{
        width: 100%;
       
    }
    .friend-box{
        margin:0 3vw;
    }
    .friend-all{
        height: auto;
    }
    .friend a {
        font-size: 3.6vw;
        width: 25%;
        line-height: 8vw;
        padding-left: 15px;
        position: relative;
    }
    /**********ÊÖ»ú¶Ë¹Ø»³°æ************/
    body.UseInMobile .top-box{
        height: auto;
    }
    body.UseInMobile .small-top-nav {
        display: contents;
    }
    body.UseInMobile .small-top-nav a.ariafontcontent,
    body.UseInMobile .small-top-nav a.ariafontcontent:link{
        font-size: 18px !important;
        line-height: 6vw !important;
    }
    body.UseInMobile form.bannerSearch{
        line-height: 10vw !important;
    }
    body.UseInMobile .nav a h1{
        font-size: 18px !important;
    }
    body.UseInMobile .zjcx-kfcx,
    body.UseInMobile .zjcx-csfz,
    body.UseInMobile .zjcx-mlcx{
        height: auto;
        display: inline-block;
    }
    body.UseInMobile .zjcx-kfcx ul li:before,
    body.UseInMobile .zjcx-csfz ul li:before,
    body.UseInMobile .zjcx-mlcx ul li:before{
        content: none;
    }
    body.UseInMobile .whjc1,
    body.UseInMobile .whjc2,
    body.UseInMobile .whjc3,
    body.UseInMobile .whjc4 {
        height: auto;
        display: inline-block;
    }
    body.UseInMobile .foot-app p.ariafontcontent{
        font-size: 18px !important;
    }
    body.UseInMobile .foot-bg{
        height: 86vw;
    }
}
@media only screen and (max-width: 325px) and (min-width: 100px){
    body.UseInMobile .nav a .nav-img{
        display: none;
    }
    body.UseInMobile .foot-bg{
        height: 118vw;
    }
    body.UseInMobile .dang{
        position: inherit;
        left: 22vw;
    }
    body.UseInMobile .dang img{
        width: 15vw;
    }
    body.UseInMobile .jiucuo img{
        width: 23vw;
    }
    body.UseInMobile  .jiucuo{
        position: inherit;
        left: 33vw;
    }
}