@media (max-width:750px) {
   body {
      background: url(../images/body_bg.png) no-repeat;
      background-size: 100% 100%;
   }
   .header {
      width: 100%;
      height: 300px;
      background: url(../images/m-ordosxue_header.png) no-repeat center;
      background-size: 100% 100%;
      padding: 16px;
   }
   .header .logo {
      width: 100%;
   }
   .header .logo a {
      width: 100%;
      height: auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   .header .logo a img {
      width: 60%;
   }

   .header .logo a .run_home {
      width: 100px;
      height: auto;
      background-color: #ffffff;
      border-radius: 25px;
      margin-top: 0px;
   }
   .ww {
      width: 100%;
   }
   .work_dynamics {
      width: 100%;
      margin-top: 0px;
   }
   .work_dynamics .wd_title {
      width: 100%;
      display: flex;
      justify-content: space-between;
   }

   .work_dynamics .wd_title img {
      display: none;
      width: 50%;
   }

   .work_dynamics .wd_title .m_work_dynamics_title {
      display: block;
   }

   .work_dynamics .wd_title .more {
      width: 62px;
      height: 30px;
      padding-left: 6px;
      font-size: 18px;
      color: #333;
      display: inline-block;
      text-align: center;
      line-height: 30px;
      background: url(../images/more_bag.png) no-repeat 100%;
   }
   .work_dynamics .work_dynamics_news {
      width: 100%;
      margin-top: 40px;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      
   }
   .work_dynamics .work_dynamics_news .wd_l {
      width: 100%;
      height: 400px;
      background-color: #f7f7f7;
      position: relative;
      padding: 16px;
   }
   .work_dynamics .work_dynamics_news .wd_l .my-swiper2 {
      width: 100%;
      height: 100%;
   }
   .work_dynamics .work_dynamics_news .wd_l .my-swiper2 .swiper-wrapper {
      width: 100% !important;
      height: 100% !important;
   }
   .work_dynamics .work_dynamics_news .wd_l .my-swiper2 .swiper-wrapper .swiper-slide {
      width: 100% !important;
      height: 100% !important;
   }
   .work_dynamics .work_dynamics_news .wd_l .my-swiper2 .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: 100%;
   }
   .work_dynamics .work_dynamics_news .wd_l .my-swiper2 .swiper-wrapper .swiper-slide .news_title {
      width: 100%;
      height: 45px;
      position: absolute;
      bottom: 0px;
      line-height: 45px;
      background-color: rgba(0, 0, 0, 0.3);
   }
   .work_dynamics .work_dynamics_news .wd_l .my-swiper2 .swiper-wrapper .swiper-slide .news_title a {
      display: inline-block;
      color: #fff;
      padding-left: 20px;
      width: 80%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
   }
   .work_dynamics .work_dynamics_news .wd_l .my-swiper2 .swiper-pagination {
      width: 100% !important;
      text-align: right;
      color: white;
      left: -20px !important;
      bottom: 12px !important;
   }
   .work_dynamics .work_dynamics_news .wd_l .my-swiper2 .swiper-pagination .swiper-pagination-bullet {
      background-color: #fff;
   }
   .work_dynamics .work_dynamics_news .wd_r {
      margin-left: 0px;
      padding: 16px;
   }
   .work_dynamics .work_dynamics_news .wd_r .wd_list {
      width: 100%;
      display: flex;
      flex-direction: column;
   }
   .work_dynamics .work_dynamics_news .wd_r .wd_list li {
      width: 100%;
      padding-bottom: 10px;
      border-bottom: 2px solid #eee;
   }
   .work_dynamics .work_dynamics_news .wd_r .wd_list li:nth-child(3) {
      border-bottom: none;
   }
   .work_dynamics .work_dynamics_news .wd_r .wd_list li .wd_list_items {
      width: 100%;
      color: #333;
      line-height: 30px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
   }
   .work_dynamics .work_dynamics_news .wd_r .wd_list li .wd_list_items span {
      display: inline-block;
      width: 100%;
   }
   .work_dynamics .work_dynamics_news .wd_r .wd_list li .wd_list_items .title {
      font-size: 20px;
      font-weight: 600;
   }
   .work_dynamics .work_dynamics_news .wd_r .wd_list li .wd_list_items .title:hover {
      color: #1667ff;
   }
   .work_dynamics .work_dynamics_news .wd_r .wd_list li .wd_list_items .description {
      font-size: 16px;
      font-weight: normal;
      color: #666;
   }
   .work_dynamics .work_dynamics_news .wd_r .wd_list li .wd_list_items .date {
      width: 100%;
      display: flex;
      justify-content: end;
      font-size: 16px;
      color: #666;
   }
   .popularize {
      width: 100%;
      margin-top: 40px;
   }
   .popularize .wd_title {
      width: 100%;
      display: flex;
      justify-content: space-between;
   }

   .popularize .wd_title img {
      display: none;
      width: 50%;
   }

   .popularize .wd_title .m_skpj_title {
      display: block;
   }

   .popularize .wd_title .more {
      width: 62px;
      height: 30px;
      padding-left: 6px;
      font-size: 18px;
      color: #333;
      display: inline-block;
      text-align: center;
      line-height: 30px;
      background: url(../images/more_bag.png) no-repeat 100%;
   }
   .popularize .popularize_cont {
      width: 100%;
      margin-top: 40px;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
   }
   .popularize .popularize_cont .popularize_list {
      width: 100%;
      padding: 16px;
      background-color: #f7f7f7;
      box-shadow: 0px 0px 10px 0px rgba(7, 78, 178, 0.1);
      border-radius: 10px;
      display: flex;
      flex-direction: column;
   }
   .popularize .popularize_cont .popularize_list li {
      width: 100%;
      display: flex;
      align-items: center;
   }
   .popularize .popularize_cont .popularize_list li a {
      width: 100%;
      line-height: 42px;
      padding-left: 0px;
      color: #333;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 16px;
   }
   .popularize .popularize_cont .popularize_list li a:hover {
      color: #1667ff;
   }
   .popularize .popularize_cont .popularize_list li a .date {
      font-size: 18px;
      color: #666;
   }
   .popularize .popularize_cont .popularize_r {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      align-items: center;
   }
   .popularize .popularize_cont .popularize_r .one_cont {
      margin-left: 0px;
   }
   .popularize .popularize_cont .popularize_r .one_cont a {
      display: block;
      width: 326px;
   }
   .popularize .popularize_cont .popularize_r .one_cont a img {
      width: 100%;
      height: 208px;
      background-color: #f7f7f7;
   }
   .popularize .popularize_cont .popularize_r .one_cont a .date_see {
      width: 326px;
      height: 173px;
      padding: 16px;
      background-color: #ffffff;
      box-shadow: 0px 0px 10px 0px rgba(7, 78, 178, 0.1);
   }
   .popularize .popularize_cont .popularize_r .one_cont a .date_see .title {
      color: #333;
      font-size: 20px;
      font-weight: 500;
   }
   .popularize .popularize_cont .popularize_r .one_cont a .date_see .title:hover {
      color: #1667ff;
   }
   .popularize .popularize_cont .popularize_r .one_cont a .date_see .date {
      margin-top: 10px;
      display: flex;
      justify-content: space-between;
      color: #999;
      font-size: 16px;
   }
   .popularize .popularize_cont .popularize_r .one_cont a .date_see .date img {
      width: 19px;
      height: 15px;
      background-color: #fff;
   }
   .app_service {
      width: 100%;
      margin-top: 40px;
   }
   .app_service .app_list {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
   }
   .app_service .app_list a {
      display: block;
   }
}