/* 所有页面的媒体查询 */
@media screen and (min-width: 1611px) {
}

/* 1411-----------1610*/
@media screen and (min-width: 1411px) and (max-width: 1610px) {
}

/* 1201-----------1410    大屏电脑*/
@media screen and (min-width: 1201px) and (max-width: 1410px) {
}

/* 1025-----------1200    中等屏幕*/
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  /*~~~~~~~~~~~~ 公共css ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css ~~~~~~~~~~~*/
  /* mobile  header */
  .mobile_header {
    display: block;
  }
  .mobile_menu_box {
    width: 350px;
    right: -350px;
    padding: 35px 5%;
  }
  .head_001 {
    display: none;
  }
  .ls_footer_02 {
    display: none;
  }
  .ls_footer_01,
  .ls_footer_03 {
    width: 45%;
  }
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  .ls_one_con {
    height: 60vh;
  }
  .ls_two_con {
    padding: 30px 0;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
}

/* 768------------1024    ipad*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  /* mobile  header */
  .mobile_header {
    display: block;
  }
  .mobile_menu_box {
    width: 350px;
    right: -350px;
    padding: 35px 5%;
  }
  .head_001 {
    display: none;
  }
  .ls_footer_02 {
    display: none;
  }
  .ls_footer_01,
  .ls_footer_03 {
    width: 45%;
  }

  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  .ls_one_con {
    height: auto;
  }
  .ls_one_r {
    width: 80%;
    margin: 0 auto var(--space) auto;
  }
  .ls_one_l {
    width: 100%;
    padding-bottom: 60px;
  }
  .ls_two_con {
    padding: 30px 0;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
  /* .ls_three */
  .ls_three_r,
  .ls_three_l {
    width: 100%;
    margin-bottom: 30px;
  }
  /* .ls_four */
  .ls_four_l {
    width: 100%;
  }
  .ls_four_r {
    width: 100%;
  }
  /* .ls_six */
  .ls_six_l {
    width: 100%;
    margin-bottom: 30px;
  }
  .ls_six_r {
    width: 100%;
  }
  /* .ls_seven */
  .ls_seven_list .item {
    width: calc((100% - 30px) / 4);
    margin-right: 10px !important;
  }
  .ls_seven_list .item:nth-child(4n) {
    margin-right: 0 !important;
  }
  /* .ls_eight */
  .ls_eight_b .con {
    height: auto;
    padding: 30px;
  }
  .ls_eight_l {
    width: 100%;
  }
  .ls_eight_r {
    width: 100%;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  }
  /* .ls_ten */
  .ls_ten_l {
    width: 100%;
  }
  .ls_ten_r {
    width: 100%;
  }
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
}

/* 1--------------767      手机*/
@media screen and (min-width: 1px) and (max-width: 767px) {
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  /* mobile  header */
  .mobile_header {
    display: block;
  }
  .mobile_menu_box {
    width: 350px;
    right: -350px;
    padding: 35px 5%;
  }
  .head_001 {
    display: none;
  }
  .ls_footer_02 {
    display: none;
  }
  .ls_footer_01,
  .ls_footer_03 {
    width: 100%;
    margin-bottom: 20px;
  }
  .w_1600 {
    width: 100%;
    padding: 0 15px;
  }

  .w_1400 {
    width: 100%;
    padding: 0 15px;
  }
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  .ls_one_con {
    height: auto;
  }
  .ls_one_r {
    width: 80%;
    margin: 0 auto var(--space) auto;
  }
  .ls_one_l {
    width: 100%;
    padding-bottom: 60px;
  }
  /* .ls_two */
  .ls_two_con {
    padding: 30px 0;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
  .ls_two_item{
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
  }
  /* .ls_three */
  .ls_three_r,
  .ls_three_l {
    width: 100%;
    margin-bottom: 30px;
  }
  /* .ls_four */
  .ls_four_l {
    width: 100%;
  }
  .ls_four_r {
    width: 100%;
  }
  /* .ls_six */
  .ls_six_l {
    width: 100%;
    margin-bottom: 30px;
  }
  .ls_six_r {
    width: 100%;
  }
  /* .ls_seven */
  .ls_seven_list .item {
    width: calc((100% - 30px) / 4);
    margin-right: 10px !important;
  }
  .ls_seven_list .item:nth-child(4n) {
    margin-right: 0 !important;
  }
  /* .ls_eight */
  .ls_eight_b .con {
    height: auto;
    padding: 30px;
  }
  .ls_eight_l {
    width: 100%;
  }
  .ls_eight_l .pic{
    margin: auto;
  }
  .ls_eight_l .text{
    width: 100%;
    margin: 20px 0;
  }
  .ls_eight_r {
    width: 100%;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  }
  .ls_eight_b .con{
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  /* .ls_ten */
  .ls_ten_l {
    width: 100%;
  }
  .ls_ten_r {
    width: 100%;
  }
  .popup_inquiry_form_l{
    display: none;
}

.popup_inquiry_form_r{
    width: 100%;
    padding: 15px;
}
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
}