@media screen and ( min-width:0) and (max-width:991px){

  .banner-wrapper{height: 110px; overflow: hidden; max-width: 100%;}
  .banner-wrapper img{height:100%;}
  .article .title{display: block;}
  .article .title h1{font-size: 22px; color:#1a1a1a; float:none; width:100%;}
  .article .title .date{float:right; font-size: 18px; color:#BD9A68; text-align: left; float:none; width:100%;}

  .mobile-back{display: block; border:#eee solid 1px; padding:10px; text-align: right; margin-top: -40px; border-radius: 4px;}



  .header { height: 76px;}
  .header ul{ display: none; width: 100%; background-color: #1c42b6; }
  .header .header-warpper {margin: 0 -3.4%; }
  .header ul li{ width: 100%; text-align: center;}
  .header ul li.on a{ color: #fff;}
  .header ul li a{ width: 100%; padding: 0; height: auto; color: #fff;   line-height: 50px; font-size: 16px;}
  .header.sc ul>li>a{ color: #fff;     height: auto;   width: 100%; padding: 0;
    line-height: 50px;}
  .header ul li div{ position: relative;  white-space: normal; top: 0;}
  .header ul li div a{ white-space: normal;}
  .header.sc ul li div{ top: 0;}
  .header ul li a{ display: inline-block; float: none; text-align: center;}
  .header ul li div{ width: 100%;}
  .header.sc ul>li>a:hover{ background: transparent!important; color: #fff!important;}
  .icon{
    background: url(../images/plus.png) 100% no-repeat;
    background-position: 50% 50%;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    width: 40px;
    height: 35px;
    box-sizing: border-box;
    padding: 0 5px;
    display: block;
    position: absolute;
    right: 14px;
    top: 6px;
  }
  .icon.reduce{
    background: url(../images/reduce.jpg) 100% no-repeat;
    background-position: 50% 50%;
  }

  .header h1 img{ height: 50px;}
  .header h1 b{display: none;}


  .header .logo-dark{ padding-top: 10px; padding-left: 3.2%; margin-bottom: 16px;}
  .header ol{ padding: 0;}
  .header .search{ display: none;  }
  .header.sc{ height: 66px;}
  .header.sc .logo-light{ padding-top: 10px; padding-left: 3.2%;}
  .header.sc .search{ display: none; padding-top: 12px;}
  .header.sc .logo-light img{ margin-bottom: 11px;}

  .menuBtn{ display: block;}

  .con_1{ /*padding-bottom: 40px;*/}/* delete by zhangnan */
  .con_1 .left{ width: 100%; margin-top: 16px;margin-bottom: 220px;}/* modify by zhangnan */
  .con_1 .left .l{ width: 100%; height: 346px; margin-top: 0;}
  .con_1 .left .r{ top: 130px; width: 90%;}
  .con_1 .center{ width: 100%; padding-top: 50px;}
  .con_1 .right{ width: 100%; padding-top: 40px; padding-bottom: 30px;}
  .con_1 .center em{ margin-bottom: 20px; padding-top: 12px;}
  .con_2{ height: auto;}

  .con_2 .con_bt{ height: 140px;}
  .con_2 .con_bt h4{ padding-top: 22px;}
  .con_2 .left{ width: 100%; float: none; padding:  0 10px;}
  .con_2 .right{ width: 100%; float: none;}
  .con_2 .left .min{ width: 100%; padding-right: 0;}
  .con_2 .left .min .text{ height: auto; margin-bottom: 10px;}
  .con_2 .right .min{ height: 300px;}
  .con_2 .right .min a{ height: 300px;}
  .con_2 .right .min img{ height: 300px;}
  .con_3{ padding-top: 60px; padding-bottom: 60px;}
  .con_3 .min{ width: 100%;}
  .con_3 .center{ margin-left: 0;}

  .flexslider{ height: 260px;}
  .slides li{ height: 260px;}
  .banner_text{ top: 24%; display: none;}
  .banner_text h2 b{ font-size: 28px;}
  .banner_text h2 span{ font-size: 20px;}
  .banner_text h3{ font-size: 26px;}
  .banner_text p{width: 80%;  display: none;}
  .banner_text .more{width: 120px; height: 40px; line-height: 40px; margin-top: 10px; }

  .footer{ padding: 20px 3% 40px}
  .footer h1{ width: 50%; margin: 0 auto; float: none;}
  .footer .center{ display: none;}
  .footer .right{ display: block; width: 100%; border-left: 0;}
  .footer ol{ padding-bottom: 0;}
  .footer ol li{ padding-top: 10px;}

  .wrapper-table{ display: block;}
  .left_nav_box{ display: block; width: 100%;}/* modify by zhangnan 20210323 change "none" to "block" */
  .left_nav_box1{ display: none;}/* add by zhangnan 20210323*/
  .right-con-box{ display: block; width: 100%; padding-left: 0;}
  .left_nav_box .left_nav_bg{ padding-bottom: 20px;}
  .news-list .news{ display: block; width: 100%;}
  .news-list li .date{ display: block; width: 100%; text-align: left; padding-bottom: 10px; box-sizing: border-box;} /* modify by zhangnan (delete "padding-left") */
  .j-papers{ margin-top: 30px;}

  .inpaper{ display: none;}
  .breadcrumb{ display: none;}
  .tab-title{ font-size: 30px; margin-top: 20px; margin-bottom: 10px;}

  .news-list .news .title{ font-size: 20px;}

  .articleinp{ width: 100%;}
  .imgarticle{ width: 100%; margin-left: 0;}
}
@media screen and ( min-width:991px) and (max-width:1200px){
  .header ul{ display: block!important;}
  .news-list li .date{ display: block; width: 100%; text-align: left; padding-bottom: 10px; box-sizing: border-box;} /* add by zhangnan */
}
@media screen and ( min-width:991px) and (max-width:1200px){
  .header ol{ padding-left: 20px;}
  .header.sc .search{ padding-left: 20px;}
  .header ul li a{ padding: 0 0.1em;}
}
@media screen and ( min-width:1200px) and (max-width:1570px){
  .header ol{ padding-left: 20px;}
  .header.sc .search{ padding-left: 20px;}
  .header ul li a{ padding: 0 0.5em;}
}

@media only screen and (max-width: 767px) {/* add by zhangnan 20210324 */
    .news-item{display: block;}
    .news-item-left{margin-right: 0px;}
    .news-item-left img{width: 100%!important;}
    .con_1 .left {margin-bottom: 110px;}
}
@media only screen and (max-width: 479px) {/* add by zhangnan 20210324 */
    .con_1 .left {margin-bottom: 0px;}
}