@media (max-width: 1440px) {
  header .container {
    padding: 0 3.25rem;
  }
  header .lanuage {
    margin: 0 1.25rem 0 1.25rem;
  }
  .index_four ul li {
    width: 13.75rem;
    height: 14rem;
  }
  .index_four ul.ul {
    margin: -7.5rem 0;
    padding: 0 1.375rem;
  }
}
@media (max-width: 1280px) {
  header .container {
    padding: 0 2.25rem;
  }
  .banner .hover .p1 {
    line-height: 6rem;
  }
  .index_four ul li {
    width: 12.5rem;
    height: 12rem;
  }
  .index_four ul.ul {
    margin: -5.5rem 0;
    padding: 0 2rem;
  }
  footer .right {
    padding-left: 5.125rem;
  }
  .list_about_four .title {
    line-height: 3.25rem;
  }
  .channel_product .bot .left .l {
    padding-top: 0;
  }
  .channel_product .bot .left .text {
    margin: 1rem 0 1.8125rem;
  }
}
@media (max-width: 990px) {
  .index_one .sum > div .swiper_pag {
    margin-top: 30px;
  }
  .list_about_four .text {
    margin-top: 10px;
  }
  .list_about .text {
    margin-top: 15px;
  }
  .left_right li .title {
    margin-bottom: 10px;
  }
  .number_ul li {
    flex: none;
    width: 50%;
  }
  .number_ul li:nth-child(1),
  .number_ul li:nth-child(2) {
    margin-bottom: 30px;
  }
  .list_about_two .left_right .left {
    order: 2 !important;
    margin-top: 15px;
  }
  .list_about_two .left_right .right {
    order: 1 !important;
  }
  .list_about .row > div.right {
    margin-top: 20px;
  }
  .index_one .top ul li .icon {
    width: 5.25rem;
    height: 4.3125rem;
  }
  .index_three .hover {
    position: static;
    transform: translateY(0);
    margin-bottom: 20px;
  }
  .index_three .hover .content {
    width: 100%;
  }
  .index_three .img img {
    height: 21.25rem;
  }
  .index_four ul li {
    min-height: 90px;
    border: 1px solid #f5f5f527;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
  }
  .index_four ul li svg {
    display: none;
  }
  .index_four ul li .hover {
    position: static;
    transform: translateY(0);
  }
  .index_four ul.ul {
    margin: 1rem 0;
    padding: 0;
  }
  .index_four ul {
    padding: 0 9.3125rem;
  }
  .index_five .left {
    margin-bottom: 20px;
  }
  .index_five .title {
    text-align: center;
  }
  .index_five .tr {
    text-align: center;
    margin: 20px 0 0;
  }
  footer {
    display: none;
  }
  .index_six .left {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }
  .index_six .flex .con {
    font-size: 1.5rem;
  }
  .index_six .flex {
    justify-content: flex-start;
  }
  .index_six .flex > div:first-child {
    margin-right: 20px;
  }
  .beian {
    border-top: none;
  }
  .beian {
    padding: 1rem 0;
  }
  .left_right li:nth-child(even) .right {
    order: 2;
  }
  .left_right li:nth-child(even) .left {
    order: 1;
  }
  .show_product_four .bot > div.left {
    padding-right: 15px;
    border-right: none;
  }
  .show_product_four .right {
    padding-left: 15px;
  }
  .show_product_four .right ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .show_product_four .right ul li {
    padding: 0 15px;
    width: 33.3%;
  }
  .list_message {
    padding: 60px 0;
  }
  .list_message .left .text {
    padding-bottom: 30px;
    margin-top: 15px;
  }
  .list_message .right {
    padding-left: 15px;
  }
  .list_message .right > div {
    padding: 20px;
  }
  .show_product .content .left {
    width: 100%;
    padding-top: 0;
  }
  .show_product .content .right {
    width: 100%;
    margin-top: 20px;
  }
  .show_product .content {
    flex-wrap: wrap;
    padding: 30px;
  }
  .show_product .content::before {
    height: 100%;
  }
  .list_contact ul {
    margin: 0 -10px;
  }
  .list_contact ul li {
    padding: 0 10px;
  }
  .list_contact ul li .con .tel {
    font-size: 1.125rem;
    line-height: 1.65rem;
  }
  .title.mb60 {
    margin-bottom: 30px;
  }
  .channel_support .ul li > div {
    padding: 2.125rem 1.5rem;
  }
  .list_news .ul li .name {
    margin: 2px 0 6px;
    padding-bottom: 5px;
  }
  .channel_product {
    padding-bottom: 60px !important;
  }
  .channel_product .bot {
    flex-wrap: wrap;
  }
  .channel_product .bot .right {
    width: 100%;
    order: 1;
    border: none;
    padding: 0 0 20px 0;
  }
  .channel_product .bot .right ul {
    display: flex;
    flex-wrap: wrap;
  }
  .channel_product .bot .right ul li {
    justify-content: center;
    width: 25%;
  }
  .channel_product .bot .right ul li a {
    text-align: center;
    padding: 0 10px;
  }
  .channel_product .bot .right ul li a::before {
    display: none;
  }
  .channel_product .bot .left {
    width: 100%;
    order: 2;
    border-top: 1px solid #FEE5BD;
    padding: 20px 0 0;
  }
  .channel_product .bot .left .l {
    margin-bottom: 20px;
  }
  .channel_product .bot .right ul {
    margin: 0 -5px;
  }
  .channel_product .bot .right ul li {
    margin: 0 5px;
    width: calc(25% - 10px);
    border: 1px solid #FEE5BD;
  }
  .channel_product .bot {
    border: none;
  }
}
@media (max-width: 767px) {
  .index_three .img img {
    height: 15rem;
  }
  .squera_pro1 .content {
    padding: 20px;
  }
  .squera_pro1 {
    margin-bottom: 20px;
  }
  .channel_product .bot .right ul li {
    width: calc(50% - 10px);
    font-size: 14px;
    height: 50px;
  }
  .channel_product .bot .right ul li a {
    line-height: 20px;
  }
  .squera_pro1 .name {
    font-size: 1.375rem;
  }
  .channel_product .swiper_pag {
    margin-top: 20px;
  }
  .channel_product .bot .right {
    padding: 0 0 10px 0;
  }
  .channel_product {
    padding-bottom: 30px !important;
  }
  .show_news {
    padding: 30px 0;
  }
  .show_news .title {
    font-size: 20px;
    padding-bottom: 20px;
  }
  .show_news_two.ptb .shangxia .l {
    width: 100%;
  }
  .show_news .data > div {
    padding: 0 1rem;
  }
  .show_news_two.ptb .shangxia {
    margin-top: 30px;
    flex-wrap: wrap;
    padding-top: 20px;
  }
  .last_news .mt40 {
    margin-top: 20px;
  }
  .last_news .swiper_pag {
    margin-top: 20px;
  }
  .show_news_two.ptb .shangxia .r {
    width: 100%;
    text-align: left;
    margin-top: 15px;
  }
  .show_news_two.ptb {
    padding-top: 20px;
  }
  .list_news .ul li .right {
    padding-left: 15px;
    margin-top: 15px;
  }
  .list_news .ul li .text {
    margin-bottom: 15px;
  }
  .title.mb60 {
    margin-bottom: 20px;
  }
  .list_news .ul li {
    padding: 20px 0;
  }
  .channel_support .ul li > div {
    padding: 20px;
  }
  .channel_support .ul li > div .icon {
    width: 50px;
    height: 50px;
  }
  .channel_support .ul li > div .icon img {
    width: 20px;
    height: 20px;
  }
  .list_sheet .ul li {
    padding: 20px 0;
  }
  .list_sheet .ul li {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .list_sheet .ul li .center {
    width: calc(100% - 50px);
    padding: 0 0 0 15px;
  }
  .list_sheet .ul li .left {
    width: 50px;
  }
  .list_sheet .ul li .right {
    width: 100%;
    margin-top: 20px;
    padding-left: 65px;
    justify-content: flex-start;
  }
  .channel_support .ul li > div .name {
    font-size: 20px;
    margin: 15px 0 10px;
  }
  .channel_support .ul li:not(:last-child) {
    margin-bottom: 15px;
  }
  .list_video .ul li .name {
    font-size: 18px;
    margin-top: 10px;
  }
  .list_video .ul li {
    margin-bottom: 30px;
  }
  .list_sheet .ul li .right .img {
    display: none;
  }
  .list_contact ul {
    padding-top: 20px;
    flex-wrap: wrap;
  }
  .list_contact ul li {
    width: 100% !important;
  }
  .list_contact ul li .icon {
    width: 45px;
    height: 45px;
  }
  .list_contact ul li .icon img {
    width: 20px;
    height: 20px;
  }
  .list_contact ul li .con {
    width: calc(100% - 45px);
  }
  .list_contact ul li:not(:last-child) {
    margin-bottom: 15px;
  }
  .banner .swiper-slide .img img {
    height: 50vh;
    object-fit: cover;
  }
  .banner .hover .p1 {
    font-size: 22px;
    line-height: 26px;
    height: 50px;
    display: flex;
    align-items: center;
  }
  .banner .hover .p1::before {
    width: 100%;
  }
  .banner .hover .p2 {
    font-size: 16px;
  }
  .banner .hover .p2 .dian:not(:last-child) {
    margin-right: 1.25rem;
  }
  .swiper_pag .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .title {
    font-size: 24px;
    line-height: 30px;
  }
  .index_one {
    padding: 30px 0;
  }
  .index_one .top ul li .icon {
    width: 4rem;
    height: auto;
  }
  .index_one .top ul li {
    flex: none;
    width: 50%;
    margin-top: 15px;
  }
  .index_one .top ul {
    flex-wrap: wrap;
    margin-top: 5px;
  }
  .index_one .top ul li .name {
    padding-bottom: 10px;
  }
  .index_one .top {
    margin-bottom: 20px;
  }
  .squera_pro .over {
    height: 12rem;
  }
  .index_two .swiper-container {
    margin-top: 15px;
  }
  .index_two .swiper-pagination {
    margin-top: 20px;
  }
  .index_three .img img {
    height: 14rem;
  }
  .index_four ul {
    padding: 0;
    margin: 0 -5px;
  }
  .index_four ul li {
    min-height: 60px;
    margin: 0 5px;
  }
  .index_four .mt55 {
    margin-top: 20px;
  }
  .index_five .left .over img {
    height: auto;
  }
  .index_five .content {
    padding: 15px;
  }
  .index_five .right ul li .over {
    width: 9.375rem;
    height: 7rem;
  }
  .index_five .right ul li .content {
    width: calc(100% - 9.375rem);
    padding-left: 15px;
  }
  .index_five .right .data {
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
  }
  .index_five .right .data a::before {
    display: none;
  }
  .index_five .right ul li .content {
    margin-top: 0;
  }
  .index_five .name {
    font-size: 16px;
    line-height: 22px;
    margin-top: 0.375rem;
  }
  .index_six {
    padding: 30px 0;
  }
  .index_six .flex .con {
    font-size: 1.25rem;
    width: calc(100% - 3rem);
  }
  .index_six .flex2.mt30 {
    margin-top: 15px;
  }
  .index_six .flex {
    margin: 15px 0 10px;
  }
  .index_six .flex > div {
    width: 100%;
    margin-bottom: 10px;
  }
  .index_six .flex .icon {
    width: 3rem;
    height: 3rem;
  }
  form input {
    line-height: 42px;
  }
  .beian {
    font-size: 12px;
    line-height: 22px;
  }
  .bread {
    display: none;
  }
  .ptb.pt_bread {
    padding-top: 30px;
  }
  .show_product .content .left .name1 {
    font-size: 22px;
    line-height: 30px;
  }
  .show_product .content {
    padding: 15px;
  }
  .show_product .content .left .name {
    font-size: 14px;
  }
  .show_product .content .left .flex {
    margin: 15px 0 10px;
  }
  .show_product .content .left .flex a {
    margin-bottom: 5px;
  }
  .show_product .content .right .swiper_top .swiper-slide {
    height: 19.0625rem;
  }
  .show_product .content .right .swiper_top .swiper-slide img {
    padding: 1rem;
  }
  .show_product .content .right .swiper_bot .swiper-slide > div {
    height: 5rem;
  }
  .show_product_two ul li {
    flex: none;
    width: 100%;
    border-bottom: 1px solid #FEE5BD;
    border-right: none;
  }
  .show_product_two ul li:first-child {
    border-left: none;
  }
  .show_product_two ul li a {
    justify-content: flex-start;
    padding: 15px;
  }
  .show_product_two ul li a .icon {
    width: 40px;
    height: 40px;
  }
  .show_product_two ul li a .name {
    width: calc(100% - 40px);
    font-size: 18px;
  }
  .show_product_two ul {
    flex-wrap: wrap;
  }
  .show_product_three {
    font-size: 20px;
    line-height: 50px;
  }
  .show_product_four .bot > div {
    padding-top: 25px;
  }
  .show_product_four .right ul {
    margin: 15px -8px 0;
  }
  .show_product_four .right ul li {
    padding: 0 8px;
    width: 50%;
  }
  .list_message {
    padding: 30px 0;
  }
  form select,
  form input {
    line-height: 44px;
    height: 44px;
  }
  .list_about_two ul li:not(:last-child) {
    margin-bottom: 1.9375rem;
  }
  .list_about_three {
    padding: 30px 0;
    height: auto;
  }
  .list_about_four .title {
    line-height: 30px;
  }
  .list_about_four .bot > div:not(:last-child) {
    margin-bottom: 15px;
  }
  .list_about_four .bot > div .hover {
    font-size: 20px;
  }
  .number_ul li .num span {
    font-size: 3rem;
  }
  .number_ul li .text {
    font-size: 14px;
  }
  .list_about_five {
    padding: 2.75rem 0;
  }
  .left_right li > div.right {
    margin-top: 15px;
  }
  .left_right li.li4 {
    margin-bottom: 0;
  }
  .banner .swiper-slide img,
  .banner {
     height: auto !important;
   }
       .banner .hover .p1 {
        font-size: 16px;
        line-height: 18px;
        height: 30px;
       }
       .banner .hover .p2 {
           margin: 5px 0;
           font-size: 12px;
       }
}