@media screen and (min-width: 1310px) {
    .container {margin-top: 0px;max-width: 1480px;width: 100%;}

  }

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



@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;}
}

@media screen and (max-width: 1024px) {
.bottom-content .dangpai{width: 100%;margin-top: 15px;overflow: hidden;}
.bottom-content .dangpai2{width: 100%;float: none;margin-top: 15px;overflow: hidden;}
.bottom-content .tongzhan{width: 100%;margin-top: 5px;overflow: hidden;}
.f-link { display: none;}
.tongzhi ul li .date{width: 12%;float: left;margin-top:-3px;}
	
}


@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: 52%;}
    .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 {}

.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%;}



    
}

@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;}

}

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


    
    .search{
       display:none;}


    .top-content {}
    .bumen{
        width: 100%;}
    .myCarousel-small{}
    .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 .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: 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: 460px) {

.bottom-content .list-img-box {

    height: 90px;}
}


@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{}



    .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){
   
}