@media screen and (min-width: 1310px) {
    .container {
      width: 1180px;
    }

  }

@media screen and (max-width: 1310px) {
.nav>li {
    margin: 0 23px 0 30px;
}

.list-character ul li .character-pic {
    height: 350px;
}
.list-character ul li .title p{
    font-size: 17px;
}

.list-character ul li .title h3 {
    font-size: 17px;
}

}



@media (min-width: 992px) and (max-width: 1199px){
    


    .search{
        margin-top: 40px;
    }

    .collapse .navbar-nav .nav-item{
        margin: 0 2.8%;
    }
    .nav>li {
        margin: 0 10px 0 18px;
    }

.top-content {
    height: 350px;
}

.top-content .detail .list ul li a{
   width: 70%;
}

.top-content .detail .list ul li span{
       width: 30%;
}

.Box {
    margin-top: 35px;
}

.special .swiper-wrapper .swiper-slide{   
padding: 0 10px !important;
}

.bottom-content .list-img-box {

    height: 100px;
}

.list-character ul li {
    margin-top: 38px;
}


.list-character ul li .character-pic {
    height: 289px;
}

.list-character ul li .title p {
    font-size: 16px;
    line-height: 30px;
    margin: 5px 0 0;
}

.list-character ul li .title h3 {
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 5px;
}


.page{
  padding: 50px 0;
}


}


@media (min-width: 810px) and (max-width: 991px){
    .collapse .navbar-nav .nav-item{
        margin: 0 2.1%;
    }
    .bottom-content .title-about ul li:last-child {
        overflow: hidden;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .logo{
        width: 50%;
    }
    .logo img{
        width: 100%;
        height: 100%;
    }
   .nav>li {
    margin: 0 0 0 0px;
}

     .top-content .detail .list ul li{
        padding-top: 2px;
        margin-left: 5px;
        padding: 10px 0;
   }

.special .swiper-wrapper .swiper-slide{   
padding: 0 10px !important;
}

.bottom-content .list-img-box {
    width: 35%;
    height: 100px;
}

.bottom-content .title-top {
    width: 63%;
}


.top-content .title{
      font-size: 18px;
       line-height: 25px;
      height: 25px
}
.tongzhi ul li {
    padding-bottom: 5px;
    margin-left: 24px;
    margin-right: 20px;
}

.myCarousel-small .carousel-item {
    height: 200px;
}

.top-content .detail .list ul li {
    padding: 5px 0;
}

.top-content .detail .list ul li span {
    font-size: 15px;
    width: 35%;
}

.top-content .detail .list ul li a {
    font-size: 15px;
  
    width: 65%;
}

.bumen {
    width: 100%;
}

.top-content .tongzhi {
    width: 100%;
}


.list-character ul li{
  margin-top: 30px;
}

.list-character ul li .character-pic {
    height: 221px;
}

.list-character ul li .title p {
    font-size: 14px;
    line-height: 26px;
}

.list-character ul li .title h3 {
    font-size: 14px;
    line-height: 26px;
}

.page {
    padding: 35px 0;
}

}

@media (max-width: 768px){
.header{
       padding: 0px 0 0px;
       background-size: auto 100%;
}

.top-wrap {
    width: 100%;
}

#main-menu{
      width: 50%;
}

.top-wrap{
  display: none;
}

.search {
    width: 49%;
    float: right;
    margin-top: -15px;
    margin-right: 3%;
}

.navbar-toggle{
       margin-top: -70px;
}
    .container {
        width: 100%;
    }

    .logo{
        width: 50%;
        margin-top: 10px;
    }
    .logo img{
        width: 100%;
        height: 100%;
        float: left;
    }
     .nav>li {
       margin: 0 2px 0 5px;
      }
     .navbar-inverse .navbar-nav>li>a {
       font-size: 14px;
      }
    .collapse .navbar-nav .nav-item{
        margin: 0 1.8%;
    }

    .top-content{
        margin-bottom: -30px;
    }
    .top-content .detail .list ul li a{
      font-size:14px;
      float: left;
    }
    .top-content .detail .list ul li span{
       font-size:14px;
       float: right;
    }
    .top-content .title{
        font-size:18px;
     }
    .bottom-content .title span{
       font-size:18px;
     }
     .tongzhi ul li {
        height: 68px;
        padding-bottom: 10px;
       }
     .tongzhi ul li a{
       font-size:14px;
     }
     .bottom-content p{
       font-size: 14px;
        margin: 0 0 5px;
     }
     .bottom-content span {
       font-size: 12px;
       
     }

.bottom-content .list-img-box {

    height: 78px;
}
.Box {

    margin-top: 5px;
}

.bottom-content .title-top .list-title {
    margin-top: 0px;
}

.bumen {
    width: 100%;
    margin-top: 5px;
}

.top-content .tongzhi{
  width: 100%;
}

.bottom-content .title-top .list-abstract{
    height: 51px;
}
     .bottom-content .title-about {
        margin-top: 5px;
      }
     .bottom-content .title-about ul li p{
       font-size:14px;
    }

.bottom-content .title-about ul li span{
     font-size:14px;
}
    .Box .Box_con .conbox ul li{
      width:8%;
      height:auto;
     }
    .Box .Box_con .conbox ul li img{
       max-width:100%;
    }

    .top-content .detail .list ul li:last-child {
        display: none;
    }
    .bottom-content .title-about ul li:last-child {
        overflow: hidden;
    }
     .carousel-indicators li{
      width:8px;
      height:8px;
     }
    .carousel-indicators .active{
      width:10px;
      height:10px;
    }
    .carousel-indicators{
      bottom:-8px;
    }
    .red-line-department{
      font-size:18px;
    }
.list-character ul {
    margin-top: 10px;
}

.list-character ul li {
    margin-top: 25px;

}
.list-character ul li .character-pic {
    height: 200px;
}

.list-character ul li .title p {
    font-size: 13px;
    line-height: 22px;
    margin: 0 0 5px;
}

.list-character ul li .title h3 {
    font-size: 13px;
    line-height: 22px;
    margin: 0 0 5px;
}

}


@media screen and (max-width: 680px) {
.list-character ul li .character-pic {
    height: 170px;
}
}

@media (min-width: 500px) and (max-width: 660px){
    .logo{
        width: 85%;

    }
    .logo img{
        width: 65%;
    }


    
    .search{
       display:none;
    }


    .top-content {
       /* height: 898px;*/

    }
    .bumen{
        width: 100%;
      
    }
    .myCarousel-small{
       /* width: 100%;*/
    }
    .myCarousel-small .item span{
        font-size: 16px;
    }
    .top-content .detail .list{
        width: 100%;
        margin-top: 10px;
    }
    .top-content .detail .list ul li p{
        font-size: 16px;
    }
    .top-content .tongzhi{
        width: 100%;
       margin-top: 10px;
    }


    .tongzhi ul li a{
      
        line-height: 40px; 
    }


.bottom-content .list-img-box {

    height: 90px;
   
}

.myCarousel-small .carousel-item {
    height: auto;
}

.myCarousel-small {
    width: 100%;
}

    .bottom-content .dangpai{
        width: 100%;
        margin-top: 15px;
    }
    .bottom-content .tongzhan{
        width: 100%;
        margin-top: 5px;
    }
    .bottom-content .title-about ul li:last-child  span{
        display: none;
    }
    footer .foot-about{
        top: 33%;
        left: 7%;
    }


.top-content .detail .list ul li{
    padding-top: 6px;
    padding-bottom: 6px;
}

.bottom-content .title-about ul li {
    line-height: 35px;
    height: 35px;
}

.bottom-content .title-about ul li p{
   height: 35px;
}

.bottom-content .title-about ul li span{
        height: 35px;
}

.bottom-content .title-about ul li:last-child span {
     display: block; 
}
}


@media (min-width: 500px) and (max-width: 767px){
    .navbar-collapse{
        width: 50%;
        position: fixed;
        top: 0px;
        right: 0;
        z-index: 999;
        min-height: 100%;
        background: #fff;
        opacity: 0.8;
}
}


@media screen and (max-width: 580px) {
.list-character ul li .character-pic {
    height: 140px;
}
}

@media screen and (max-width: 520px) {
.list-character ul {
    margin-left: -10%;
}

.list-character ul li {
    width: 40%;
    margin-left: 10%;
}

.list-character ul li .character-pic {
    height: 275px;
}
}
@media screen and (max-width: 500px) {

.myCarousel-small .carousel-item {
    height: auto;
}
.top-content .detail .list ul li {
    padding-top: 6px;
    padding-bottom: 6px;
}

.bottom-content .title-about ul li {
    line-height: 35px;
    height: 35px;
}
.bottom-content .title-about ul li p {
    height: 35px;
}
.bottom-content .title-about ul li span {
    height: 35px;
}
}


@media screen and (max-width: 490px) {

.list-character ul li .character-pic {
    height: 245px;
}
}


@media screen and (max-width: 480px) {

.list-character ul li .character-pic {
    height: 220px;
}
}

@media screen and (max-width: 460px) {

.bottom-content .list-img-box {

    height: 90px;
   
}
}


@media screen and (max-width: 400px) {

.list-character ul {
    margin-left: -5%;
}

.list-character ul li {
    width: 45%;
    margin-left: 5%;
}

.list-character ul li .character-pic {
    height: 200px;
}
}



@media screen and (max-width: 350px) {

.list-character ul li .character-pic {
    height: 200px;
}
.list-character ul li .title p {
    font-size: 12px;
    line-height: 20px;
}

.list-character ul li .title h3 {
    font-size: 12px;
    line-height: 20px;
}
}


@media (min-width: 335px) and (max-width: 499px){

 /*   .top-content {
        height: 898px;

    }*/
    .bumen{
        width: 100%;
        margin-top: 5px;
    }
    .myCarousel-small{
        width: 100%;
    }
    .myCarousel-small .item span{
        font-size: 16px;
    }
    .myCarousel-small .carousel-item span{
      font-size:12px;
    }
    .top-content .detail .list{
        width: 100%;
        margin-top: 5px;
    }
    .top-content .detail .list ul li p{
        font-size: 16px;
    }
    .top-content .tongzhi{
        width: 100%;
    }

.Box {
    margin-top: 5px;
}

   
    .tongzhi ul li a{
    
      /*  line-height: 40px; */
    }



    .bottom-content .dangpai{
        width: 100%;
    }
    .bottom-content .tongzhan{
        width: 100%;
    }

    footer .foot-about{
        top: 33%;
        left: 7%;
    }
}







@media (max-width: 420px){
    .header{
        padding: 0;
    }
    .logo {
        width: 85%;margin-top: 20px;
    }
    .search {
        display:none;
    }
    .top-wrap {
       display:none;
    }
    #main-menu ul li a{
        font-size: 12px;
    }
    .searchbox{
        margin: 0 0 0 20px;
    }
    .navbar-collapse{
        position: fixed;
            top: 109;
            right:0;
            z-index: 999;
            background: #fff;
            width:46%;
            margin: 0;
            min-height: 100%;
           border:none;
    }
     .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
       background:#c70303;
    }
    .nav #menu .max .dropdown-menu {
       left: 82%;
       width: 175px;
    }
    .bumen{
        width: 100%;
    }
    .bumen .myCarousel-small{
        width: 100%;
    }
    .top-content .detail .list {
        width: 100%;
        margin-top: 20px;
    }
    .top-content .tongzhi{
        width: 100%;
    }
    .bottom-content .dangpai{
        width: 100%;
    }
    .bottom-content .tongzhan{
        width: 100%;
    }
    footer .foot-about{
        
        padding: 28px 0;
    }

    .content-title {
      font-size: 20px
    }
    .content-detail-bottom-page{
      float:none;
   }
    .content-detail-bottom-link{
      float:none;
      margin-top: 10px;
   }
    #vsb_content p {
    font-size: 14px;
    }
    .content-detail-top img {
      max-width: 100%;
      height:auto;
      display: block;
     }
   .content-detail-top {
     margin: 30px 10px 100px;
   }
   .list-wrap .list-header span{
     font-size: 22px;
    padding-bottom: 10px;
   }
  .list-wrap .list-item ul .list-item-wrap span{
     font-size:16px;
  }
  .list-wrap .list-item ul .title a{
     font-size:16px;
  }
  .p_first_d,.p_last_d{
     display:none;
  }
  .content-detail-bottom-total {
    padding: 15px 10px;
  }
  .list-wrap, .download-wrap {
    margin: 60px auto 40px;
  }
  .p_last{display:none;}

   .special .swiper-wrapper .swiper-slide{
       width:17%;
       padding: 0 10px;
   }
}

@media (min-width: 420px) and (max-width: 499px){
       .logo {
        width: 85%;
    }
    .search {
        display:none;
    }
   

}





/* 一级页面样式 */
@media (max-width: 420px){
    .list-wrap .list-item{
        margin-top: 30px;
    }
    .list-wrap .list-item ul li{
        padding: 15px 0;
    }
    .list-wrap .list-item ul span{
        font-size: 12px;
    }
    .list-wrap .list-item ul a{
        font-size: 16px;
    }
    .list-item .title{
        width: 100%;
    }
    .list-item-wrap{
        display: inline-block;
    }
    .list-container .list-nav{
        display: none;
    }
    .list-container .list-wrap{
        width: 100%;
    }
}


/* 二级页面样式 */
@media (min-width: 768px) and (max-width: 991px){
    .list-wrap .list-item ul span{
        font-size: 14px;
    }
    .list-wrap .list-item ul a{
        font-size: 14px;
    }

}


@media (max-width: 736px){
   
}