@charset "UTF-8";
@media screen and (max-width: 1200px) {
  .mobile-box, .main-w {
    display: block !important;
    float: none !important;
    width: 100%;
    padding: 0 5px;
  }
  .mobile-none {
    display: none !important;
  }
  .mobile-img {
    width: 100% !important;
    height: auto !important;
  }
  .pc-none {
    display: flex;
  }
  /*头部*/
  .header .header-top {
    padding-top: 30px;
    height: auto;
    padding-bottom: 30px;
  }
  .header .header-top .logo {
    width: 90%;
    height: 80px;
    margin-left: 10px;
  }
  .navBtn {
    width: 26px;
    height: 24px;
    position: absolute;
    right: 5px;
    top: 25px;
    cursor: pointer;
    display: block;
  }
  .navBtn:before, .navBtn:after {
    content: '';
    height: 4px;
    background: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    z-index: 9999999999;
  }
  .navBtn:after {
    bottom: 0;
    top: auto;
  }
  .navBtn .cbtn {
    height: 4px;
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 9999999999;
  }
  .toshow .navBtn:before {
    -webkit-transform: rotate(135deg) translate(7px, -6px);
    -ms-transform: rotate(135deg) translate(7px, -6px);
    transform: rotate(135deg) translate(7px, -6px);
  }
  .toshow .navBtn:after {
    -webkit-transform: rotate(-135deg) translate(9px, 6px);
    -ms-transform: rotate(-135deg) translate(9px, 6px);
    transform: rotate(-135deg) translate(9px, 6px);
  }
  .toshow .navBtn .cbtn {
    opacity: 0;
  }
  .toshow .nav_inner {
    display: block;
  }
  .nav_inner {
    display: none;
    position: absolute;
    left: 0;
    top: 140px;
    padding-top: 15px;
    z-index: 9999999999;
    width: 100%;
    background: #0c4d9d;
    min-height: 100%;
    padding-bottom: 20px;
  }
  .nav_inner li {
    margin-left: 20%;
    line-height: 30px;
  }
  .nav_inner li.sec-li {
    margin-left: 10%;
  }
  .nav_inner a {
    color: #fff;
  }
  #outBox {
    width: 90% !important;
  }
  #outBtnBox {
    padding-top: 8px !important;
  }
  /*面包屑*/
  .crumbs {
    color: #333;
  }
  .crumbs li a {
    color: #333;
  }
  /*公共tab*/
  .common-tab-box {
    width: 100% !important;
    padding: 5px 10px;
  }
  /*底部区域*/
  .bot-wrap .footer .footer-ul li.line {
    margin: 0 10px;
  }
  .bot-wrap .link-con {
    padding: 22px 10px;
  }
  .bot-wrap .link-con .link-ul li {
    display: block;
    margin-right: 0;
  }
  /*首页*/
  .index-container .new-article {
    padding: 10px 10px 30px;
    margin-top: 0;
  }
  .index-container .new-article .new-title {
    padding: 0;
  }
  .index-container .new-article .new-desc {
    display: block;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .index-container .new-article .new-more {
    right: 5px;
    bottom: 0;
  }
  .index-container .index-banner-con {
    display: block;
  }
  .index-container .index-banner-con .swiper-container {
    height: auto;
  }
  .index-container .index-banner-con .swiper-container .swiper-slide {
    display: block;
    width: 100%;
    height: auto;
  }
  .index-container .index-banner-con .swiper-container .swiper-slide img {
    width: 100%;
    height: 200px;
  }
  .index-container .index-banner-con .index-banner-list {
    width: 100%;
  }
  .index-container .special-con {
    box-shadow: none;
    margin-top: 10px;
  }
  .index-container .special-con .swiper-container {
    width: 78%;
  }
  .index-container .special-con .swiper-container .swiper-slide {
    display: block;
    width: 100%;
  }
  .index-container .info-con {
    display: block;
    height: auto;
    box-shadow: none;
    margin-top: 0;
  }
  .index-container .info-con .info-left {
    width: 100%;
  }
  .index-container .info-con .info-right {
    width: 100%;
    padding: 5px 10px;
  }
  .index-container .interact-con {
    display: block;
    height: auto;
  }
  .index-container .interact-con .interact-left {
    width: 100%;
    box-shadow: none;
  }
  .index-container .interact-con .interact-right {
    width: 100%;
    box-shadow: none;
  }
  .mobile-croll-wrap {
    background: #e9edf3;
  }
  .mobile-tabs {
    height: 45px;
    line-height: 45px;
  }
  .mobile-tabs li {
    width: auto;
    height: 45px;
    padding: 0 5px;
    text-align: center;
  }
  .mobile-tabs li a {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    line-height: 20px;
  }
  .mobile-tabs .active a {
    font-weight: 700;
    color: #0051c0;
  }
  /*文章页面*/
  .article-con {
    padding: 10px 5px;
  }
  .article-con .option-info .info {
    margin-bottom: 10px;
  }
  .article-con .content {
    padding: 10px 0 38px;
  }
  .article-con .content img {
    width: 100%;
    height: auto;
  }
  .article-con .article-btn button {
    margin-bottom: 10px;
  }
  .com-con-con .com-con-tab-con .com-con-tab-item {
    padding: 0 5px 10px;
  }
  .list2-data li .list2-time {
    margin-right: 5px;
  }
  .list2-data li .list2-text {
    width: 90px;
    flex: 1;
    height: auto !important;
  }
  .list2-data li .list2-text h2 a {
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
  }
  .single-con .list2-data li .list2-text {
    width: 90px;
    flex: 1;
  }
  .single-con .list2-data li .list2-text h2 a {
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
  }
  .single-con {
    height: auto;
  }
  .single-con .img-list li {
    width: 100%;
  }
  .single-con .img-list li img {
    width: 100%;
    height: auto;
  }
  .img-list {
    width: 100%;
    display: block;
    margin-right: 0;
  }
  .img-list li {
    width: 100%;
    margin-right: 0;
  }
  .img-list li img {
    width: 100%;
    height: auto;
  }
  .zzgk-wrap .img-list {
    width: 100%;
    display: block;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .zzgk-wrap .img-list li {
    width: 100%;
    margin-right: 0;
  }
  .zzgk-wrap .img-list li img {
    width: 100%;
    height: auto;
  }
  .zzgk-wrap .link-con {
    width: 100%;
  }
  .djyd-wrap .djyd-con .swiper-big {
    margin-bottom: 30px;
  }
  .djyd-wrap .djyd-con .swiper-big .swiper-slide {
    width: 100%;
  }
  .djyd-wrap .djyd-con .swiper-big .swiper-slide .swiper-con {
    width: 100%;
  }
  .djyd-wrap .djyd-con .top-banner img {
    width: 100%;
    height: auto;
  }
  .djyd-wrap .djyd-con .mid-banner img {
    width: 100%;
    height: auto;
  }
  .djyd-wrap .djyd-con .dj-ul li {
    width: 46%;
    width: calc(50% - 30px);
  }
  /*网站地图*/
  .map-con ul {
    flex-wrap: wrap;
  }
  .map-con ul li {
    margin-right: 10px;
  }
  .map-con .map-item:nth-child(odd) {
    margin-right: 0;
  }
  /*意见征集*/
  .yj-con .yj-wrap {
    padding: 0 10px 0 0;
  }
  .yj-con .layui-form-item .spe-input {
    width: 10px;
    flex: 1;
  }
  .yj-con .btn-wrap {
    display: flex;
    padding: 0 0 0 10px;
  }
  #h-ckplayer-contain0, #h-ckplayer-contain1, #h-ckplayer-contain1 {
    width: 100%;
    height: auto;
  }
  .com-table-list tr td {
    padding: 2px 10px;
  }
  #outBox {
    height: 300px !important;
  }
  .index-container .info-con .info-left .spe-tabs {
    padding-right: 0;
  }
  .spe-tab1 {
    padding-right: 0;
  }
  .index-container .outlink-img a img {
    width: 100%;
    margin-bottom: 10px;
    min-width: auto;
  }
}

@media screen and (max-width: 750px) {
  .djyd-wrap .djyd-con .dj-ul {
    margin-right: 0;
  }
  .djyd-wrap .djyd-con .dj-ul li {
    width: 100%;
    margin-right: 0;
  }
}