@media all and (max-width: 1024px) {
  .btn_nav_m {
    display: block; }

  .lang_pc {
    display: none; }

  .header .lang_case {
    display: block;
    position: relative;
    top: 0;
    text-align: center; }

  .ind_major_case {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1; }

  .ind_ban_text_box {
    padding-left: 30px; }

  .ind_con_box {
    background-color: #fff; }

  .ind_banner_box {
    position: relative; 
    height: 55vh;
    /* margin-top: 60px; */
  }

  .backTotop {
    z-index: 5; }

  .ind_body0 .ind_con_box {
    margin-top: 0;
    overflow: initial; }

  .ind_con_box {
    width: 100%;
    margin-left: 0;
    position: relative; }

  .header {
    width: 100%;
    height: 80px;
    padding: 0 30px;
    background-color: #000;
    transition: all .5s ease;
    z-index: 11; }
    .header::before {
      content: '';
      background-color: #000;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      position: absolute;
      z-index: 1; }

  .ind_body0 .header {
    background-color: transparent; }
    .ind_body0 .header::before {
      display: none; }
    .ind_body0 .header.alone {
      background-color: #333; }
      .ind_body0 .header.alone .logo_box {
        color: #000; }
      .ind_body0 .header.alone .btn_nav_m span {
        background-color: #000; }
    .ind_body0 .header.navAlone .logo_box {
      color: #000; }
    .ind_body0 .header.navAlone .btn_nav_m span {
      background-color: #000; }

  .header_con {
    position: relative; }
    .header_con .logo_box {
      margin-top: 30px;
      z-index: 1;
      position: relative;
      transition: color .5s ease; }

  .nav {
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    top: 0;
    transform: translate(100%, 0);
    padding-top: 80px;
    transition: all .5s ease;
    position: fixed;
    overflow: hidden; }
    .nav.on_m {
      transform: translate(0%, 0); }

  .logo_box {
    margin: 0;
    font-size: .5rem;
    display: inline-block; }

  .btn_nav_m {
    height: 60px;
    width: 40px;
    float: right;
    margin-top: 10px;
    text-align: right;
    font-size: 0;
    letter-spacing: 0;
    line-height: 1;
    padding: 20px 0;
    z-index: 1;
    position: relative; }

  .btn_nav_m span {
    letter-spacing: .8px;
    display: inline-block;
    height: 2px;
    background-color: #fff;
    margin: 5px 0;
    width: 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    transition: width .5s ease; }

  .btn_nav_m span:first-child {
    width: 30px; }

  .btn_nav_m.on span {
    width: 30px; }

  .btn_nav_m.on span:first-child {
    width: 15px; }

  .nav ul a, .lang_box > a {
    color: rgba(0, 0, 0, 0.7); }

  .nav ul a.on, .lang_case .w_link, .lang_box > a.on {
    color: #000; }

  .lang_case .w_link {
    border-color: #000; }

  .ind_rec_info {
    width: 100%;
    padding-right: 30px; }

  .ban_sel_dot_box {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    background-color: transparent; }

  .ban_num_box {
    display: none; }

  .ind_banner_box .swiper-pagination.on {
    display: none; }

  .btn_ind_more {
    display: none; }

  .ban_sel_dot > span {
    background-color: rgba(255, 255, 255, 0.3); }

  .ban_sel_dot > span.on {
    background-color: #fff; }

  .maj_icon {
    right: -.8rem;
    bottom: -2.5rem;
    font-size: 5rem; }

  .pub_pad_left .ind_title {
    margin-top: .5rem; }

  .nav ul a::after {
    background-color: #000; }

  .lang_case {
    right: 0; }

  #scr {
    bottom: calc(4vh + 40px);
    right: 50%;
    transform: translateX(50%); }

  .maj_text_box {
    display: block; }

  .pub_header {
    padding-top: .5rem; }

  .pub_tab_box, .ind_abo_num, .abo_lb_box, .man_box, .pub_abo_src {
    margin-top: .5rem; }

  .pub_abo_src {
    margin-bottom: .3rem; }

  .abo_mic_page_box {
    margin-top: .3rem;
    margin-bottom: .5rem; }

  .ins_body_tab {
    display: none; }

  .ins_body_con {
    width: 100%; }

  .mil_con_text_box li {
    width: 100%;
    margin-right: 0;
    margin-top: .3rem;
    margin-bottom: 0; }

  .mil_con_text_box li:nth-child(2) {
    margin-top: .3rem; }

  .minl_year_m {
    font-size: 1rem;
    position: relative;
    right: auto;
    left: 0;
    top: 0;
    transform: translateY(0) rotate(0deg);
    color: #0d5dff; }
    .minl_year_m::before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 2px;
      width: .5rem;
      background-color: #0d5dff;
      margin-right: .3rem; }

  .ins_body_con .mil_con_text_box {
    margin-bottom: .5rem; }
    .ins_body_con .mil_con_text_box:last-child {
      margin-bottom: 0; }

  .pub_tab_box .swiper-wrapper.on .swiper-slide {
    width: calc((100% - 60px) / 3);
    margin-right: 30px; }

  .pub_tab_box.ind_news_con .swiper-wrapper.on .swiper-slide {
    width: calc((100% - 30px) / 2); }

  .pub_go_back {
    display: none; }

  .pow_info_box {
    margin-top: .7rem;
    margin-bottom: .8rem; }

  .nav_sen_info {
    height: auto; }

  .rad_lc_bg, .rad_saic_box {
    padding-top: .7rem;
    padding-bottom: .8rem; }

  .rad_sai_step_box {
    margin-bottom: 0;
    padding-top: .3rem; }

  .step_box_m {
    transform: scale(1); }

  #testDivTable > div > div span {
    margin-right: .1rem; }

  #testDivTable > div > .div_th {
    border-right-width: 0.1rem; }

  #testDivTable > div > div::after {
    width: calc(100% - .1rem); }

  .pub_tab_box .swiper-button-next {
    right: 0; }

  .pub_tab_box .swiper-button-prev {
    left: 0; } }
    @media (max-width: 1024px) {
      body{
        overflow-x:hidden; 
      }
      .header{
        display: none;
      }
      .header1{
        display: block;
      }
      
      .banner {
        margin-top: 60px;
      }
      .heade{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        /* background: #191818; */
        display: flex;
        justify-content: space-between;
        padding: 0 .5rem;
        height: 60px;
        line-height: 60px;
        box-sizing: border-box;
      }
      
      .headr_img img{
        width: 2rem;
        margin-top: .2rem;
      }
      .headr_cont{
        margin-top: 20px;
      }
      .headr_cont span{
        display: block;
        width: 23px;
        height: 2px;
        background: #fff;
        margin-bottom:6px;
        cursor: pointer;
      }
      .headr_cont span:nth-child(2){
        width: 17px;
      }
      .hea{
        margin-top: -10px;
      }
    
      .heart{
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0 .5rem;
        height: 50px;
        line-height: 50px;
        box-sizing: border-box;
      }
      .hea{
        position: relative;
      }
      .hea span{
        width: 40px;
        height: 1px;
        background: #fff;
        margin-top: 40px;
      }
      .hea .nm{
        transform: rotate(45deg);
        transition: all .2s;
      }
      .hea .vb{
        transform: rotate(-45deg);
        transition: all .2s;
        position: absolute;
        top: 0px;
      }
      .hea span:nth-child(2){
        width: 40px;
      }
      .headr_bot{
        position: fixed;
        top: 0px;
      left:0;
        width: 100%;
        z-index:1111000;
        background: #2f2f2f;
        height: 100vh;
        display: none;
      }
      .fort_bott1{
        padding: 0 .7rem;
        margin-top: 20px;
      }
        .liq{
        padding: 0;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);
        -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
      }
      .slid{
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none;
      }
      .liq:nth-child(2){
        -webkit-transition-delay: 100ms,100ms;
        transition-delay: 100ms,100ms;
      }
      .liq:nth-child(3){
        -webkit-transition-delay: 180ms,180ms;
        transition-delay: 180ms,180ms;
      }
      .liq:nth-child(4){
        -webkit-transition-delay: 260ms,260ms;
        transition-delay: 260ms,260ms;
      }
      .liq:nth-child(5){
        -webkit-transition-delay: 320ms,320ms;
        transition-delay: 320ms,320ms;
      }
      .liq:nth-child(6){
        -webkit-transition-delay: 400ms,400ms;
        transition-delay: 400ms,400ms;
      }
      .liq:nth-child(7){
        -webkit-transition-delay: 480ms,480ms;
        transition-delay: 480ms,480ms;
      }
      .liq:nth-child(8){
        -webkit-transition-delay: 560ms,560ms;
        transition-delay: 560ms,560ms;
      }
      .liq:nth-child(9){
        -webkit-transition-delay: 620ms,620ms;
        transition-delay:620ms,620ms;
      }
      .liq:nth-child(10){
        -webkit-transition-delay: 680ms,680ms;
        transition-delay: 680ms,680ms;
      }
      .liq:nth-child(11){
        -webkit-transition-delay: 720ms,720ms;
        transition-delay: 720ms,720ms;
      }
      .info input{
        width: 100%;
        background: transparent;
        color: rgba(255,255,255,0.8);
        outline: none;
        border: none;
        line-height: 25px;
        margin-top: -8px;
        font-size: 14px;
      }
      .info>img{
        margin-top: 6px;
        margin-right: 10px;
      }
      .info input::placeholder{
        color: rgba(255,255,255,0.8);
      }
    
      .info h3 {
        font-size: 20px;
      margin: 0;
      line-height:50px;
        color: rgba(255,255,255,0.8);
        border-bottom: 1px solid rgba(255,255,255,.2);
        padding: 0;
        font-weight: 400;
      }
      .foyu_opi{
        display: none;
      }
      .foty_over a{
        display: block;
        color: #fff;
        font-size: 16px;
        border-bottom: 1px solid rgba(255,255,255,.2);
        padding-left: 30px;
        line-height: 50px;
      }

      .ind_ban_text_box {
        position: absolute;
        width: 100%;
        padding-left: 15%;
        left: 0;
        top: calc((100% - 44.57vh) / 2);
        transform: translateY(-50%);
    }
    .circleProgress_wrapper{
      bottom: 60vh;
    }
    }


    @media all and (max-width: 768px) {
      .hea span {
        width: 30px;
      }
    .hea span:nth-child(2) {
      width: 30px;
  }
      .pub_pad_left .ind_title {
        margin-top: 40px;
    }
    .ind_abo_line {
      height: 11vw;
  }
  .ind_abo_img_num {
    margin-bottom: 9px;
    margin-left: -3px;
    font-size: 14px;
}
  .ind_abo_paging .swiper-pagination span {
    display: block;
    margin: 3vw auto;
}
  .nav_thr_box .nav_sen_box_2:nth-child(odd) {
    padding-right: 0; }
    .ban_sel_dot > span {
      width: .4rem !important;
      height: .4rem !important;
  }
  .nav_thr_box .nav_sen_box_2:nth-child(even) {
    padding-left: 20px; }

  .nav_sen_box {
    width: 100%;
    margin-bottom: .4rem; }

  .nav_thr_box .nav_sen_box:last-child {
    margin-bottom: 0; }

  .nav_thr_box {
    padding-bottom: .7rem; }

  .rad_lc_case > span {
    font-size: .30rem; }

  .step_box_m {
    transform: scale(0.78); }

  .rad_sai_step_box {
    margin-bottom: -15%; }

  .rad_saic_name {
    font-size: .3rem; }

  .rad_step_tex_bg {
    font-size: 5rem; }

  .vis_text_box_1 span, .vis_text_box_2 span {
    top: 31px; }

  .man_nav_box {
    margin-top: .9rem; }

  .man_nav_box > a {
    width: 100%;
    margin-right: 0;
    margin-bottom: .15rem; }
    .man_nav_box > a:last-child {
      margin-bottom: 0; } 
    
    /****************************/
    .mmm {
      z-index: 1;
  }
  .headr_img img {
    width: 4rem;
    margin-top: 18px;
}
.info h3 {
  font-size: 16px;
}
.foty_over a {
  display: block;
  color: rgba(255,255,255,.8);
  font-size: 14px;
  
}
.ban_title {
  font-size: 30px;
  margin-top: 15px;
}
.ban_info {
  font-size: 16px;
  font-weight: 600;
  font-family: p1;
}
.ind_rec_btn {
  position: absolute;
  top: 100%;
  margin-top: -20PX;
 
  text-align: center;
  line-height: 40PX;
  height: 40PX;
  width: 40PX;
 
}
.ind_rec_btn span>i {
  font-size: 12px;
}

    }

/*# sourceMappingURL=public_m.css.map */