@media screen and (min-width: 1612px) {
 
}
@media screen and (min-width: 1412px) and (max-width: 1611px) {
 
}
@media screen and (min-width: 1201px) and (max-width: 1411px) {
  .menu_dl dd {
    margin: 0 10px !important;
  }
  .header_b{
    padding: 0 15px;
  }
}
/* 1025-----------1200    中等屏幕*/
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .header {
    background-color: #fff;
    padding: 10px 0;
  }
  .menu_dl{
    display: none;
  }
  .banner .con {
    padding: 90px;
  }
  .banner {
    height: 100%;
    justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
  .banner .wrapper {
    position: relative;
    left: 0;
  }
  .xindex_two_con {
    width: 100%;
  }
  .w_1200 {
    width: 100%;
    padding: 0 20px;
  }
}

/* 768------------1024    ipad*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p1-s6 .cert,
  .p1-s6 .text-wrap{
    max-width: 100%;
  }
  .p1-s6 .cert .item{
    width: 12%;
  }
  .header{
    padding: 10px 0;
    background-color: #fff;
  }
  .content{
    margin-top: 52px;
  }
  .menu_dl,
  .to-section {
    display: none;
  }
  .mobile_header {
    display: block;
  }
  .banner .con {
    padding: 50px;
  }
  .banner {
    height: 100%;
    justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
  .banner .wrapper {
    position: relative;
    left: 0;
  }
  .p1-s3 .left,
  .p1-s6 .text-wrap,
  .p1-s5 .text-wrap,
  .p1-s5 .icon-wrap,
  .xindex_four_r,
  .xindex_four_l,
  .xindex_two_r,
  .xindex_two_l {
    width: 100%;
  }
  .p1-s3 .left {
    margin-bottom: 20px;
  }
  .p1-s5 .icon-item {
    width: calc((100% - 40px) / 3);
    margin: 0 20px 20px 0 !important;
    max-width: 100%;
  }
  .p1-s5 .icon-item:nth-child(3n) {
    margin-right: 0 !important;
  }

  .p1-s3 .right,
  .p1-s5 .icon-wrap,
  .p1-s6 .img-wrap,
  .p1-s5 .text-wrap,
  .xindex_two_l {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .xindex_four_item {
    width: calc((100% - 20px) / 2);
    margin: 0 20px 20px 0 !important;
  }
  .xindex_four_item:nth-child(2n) {
    margin-right: 0 !important;
  }
  .xindex_two_con,
  .w_1200 {
    width: 100%;
    padding: 0 20px;
  }
  .p1-s5 .text-wrap {
    max-width: 100%;
  }
  /* footer */
  .footer_t_r_item {
    width: calc((100%) / 3);
    margin-bottom: 30px;
  }
  .wrap_bw {
    justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
  .footer_t_contact {
    width: 100%;
    margin-top: 30px;
  }
}

/* 1--------------767      手机*/
@media screen and (min-width: 1px) and (max-width: 767px) {
  .xindex_four_r,
  .p1-s3 .left h2,
  .p1-s3 .left p,
  .xindex_one_l{
    text-align: center;
  }
  .xindex_four_r .btn{
    margin: 2.34vw auto 0 auto;
  }
  .p1-s3 .left .btn{
    margin: 2.6vw auto 0 auto;
  }
  .wrap_baw{
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  }
  .header{
    padding: 10px 0;
    background-color: #fff;
  }
  .content{
    margin-top: 52px;
  }
  .p1-s3 .item{
    width: calc(17% - 20px);
  }
  .popup_inquiry_form_l,
  .menu_dl,
  .contact_pic,
  .p1-s2 .text-wrap::after,
  .to-section {
    display: none;
  }
  .mobile_header {
    display: block;
  }
  .banner .con {
    padding: 30px;
  }
  .banner {
    height: 100%;
    justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
  .popup_inquiry_form_r{
    padding: 15px;
  }
  .popup_inquiry_form_r,
  .banner .wrapper {
    width: 100%;
    position: relative;
    left: 0;
  }
  .popup_inquiry_con .contact_form,
  .xindex_one_l,
  .p1-s3 .left,
  .p1-s6 .text-wrap,
  .p1-s5 .text-wrap,
  .p1-s5 .icon-wrap,
  .xindex_four_r,
  .xindex_four_l,
  .xindex_two_r,
  .xindex_two_l {
    width: 100%;
  }
  .xindex_one_l,
  .p1-s3 .left {
    margin-bottom: 20px;
  }
  .p1-s5 .icon-item {
    width: calc((100% - 40px) / 3);
    margin: 0 20px 20px 0 !important;
    max-width: 100%;
  }
  .p1-s5 .icon-item:nth-child(3n) {
    margin-right: 0 !important;
  }

  .p1-s3 .right,
  .p1-s5 .icon-wrap,
  .p1-s6 .img-wrap,
  .p1-s5 .text-wrap,
  .xindex_two_l {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .xindex_two_r .item a {
    width: 100%;
    display: inline-block;
  }
  .xindex_seven_swiper {
    width: 100%;
    left: 0;
    padding: 0 !important;
  }
  .xindex_two_r .item a img {
    width: 100%;
  }
  .xindex_three {
    padding: 30px 15px;
  }
  .xindex_four_item {
    width: calc((100% - 20px) / 2);
    margin: 0 20px 20px 0 !important;
  }
  .xindex_four_item:nth-child(2n) {
    margin-right: 0 !important;
  }
  .xindex_two_con,
  .w_1200 {
    width: 100%;
    padding: 0 15px;
  }
  .p1-s5 .text-wrap {
    max-width: 100%;
    text-align: center;
  }
  /* footer */
  .footer_t_r_item {
    width: calc((100%) / 2);
    margin-bottom: 20px;
  }
  .wrap_bw {
    justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
  .footer_t_tel .item {
    width: 100% !important;
    margin-bottom: 15px !important;
    flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }
  .footer_t_contact {
    width: 100%;
    margin-top: 30px;
  }
}
