@media (max-width: 1440px) {
  .index_three .row > div,
  .index_three .row > li {
    padding: 0 2rem;
  }
  .index_three .row {
    margin: 0 -2rem;
  }
  .list_about .right {
    padding-left: 3.5rem;
  }
}
@media (max-width: 1366px) {
  .index_three .right ul li > div .con p {
    white-space: nowrap;
  }
}
@media (max-width: 1280px) {
  .list_about_three .swiper-button-next,
  .about_pro .swiper-button-next,
  .index_two .swiper-button-next {
    right: -4.75rem;
  }
  .list_about_three .swiper-button-prev,
  .about_pro .swiper-button-prev,
  .index_two .swiper-button-prev {
    left: -4.75rem;
  }
  .list_about_four .swiper {
    padding: 0 20.125rem;
  }
  .list_about_four .swiper-button-prev {
    left: 14.5rem;
  }
  .list_about_four .swiper-button-next {
    right: 14.5rem;
  }
  .list_about .left,
  .list_about .right {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .list_about .right {
    padding-left: 2rem;
  }
  .list_about .right .over,
  .list_about .right .over img {
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 990px) {
  .banner video,
  .banner img {
    height: 70vh;
  }
  .index_one_ul .ul1 li {
    flex: none;
    width: 25%;
    margin-top: 10px;
  }
  .index_one_ul .ul1 {
    flex-wrap: wrap;
    padding-top: 0;
  }
  :root {
    --header_h: 60px;
  }
  .subtitle {
    margin-top: 5px;
    font-size: 20px;
  }
  .index_one .subtitle {
    margin-bottom: 20px;
  }
  .title {
    font-size: 30px;
  }
  .index_two .swiper_top .row > div.right {
    order: 1;
    margin: 20px 0 15px;
  }
  .index_two .swiper_top .name {
    margin-top: 0;
  }
  .index_two .swiper_top .row > div.left {
    order: 2;
  }
  .index_two .swiper-button-next {
    display: none;
  }
  .index_two .swiper-button-prev {
    display: none;
  }
  .index_three .right ul li > div {
    padding-bottom: 2rem;
  }
  .index_three .right ul li:nth-child(1),
  .index_three .right ul li:nth-child(2) {
    margin-bottom: 3rem;
  }
  footer {
    display: none;
  }
  .foot-fot {
    background: #2B2B2B;
  }
  .list_about_three .swiper-button-next,
  .about_pro .swiper-button-next,
  .index_two .swiper-button-next {
    display: none;
  }
  .list_about_three .swiper-button-prev,
  .about_pro .swiper-button-prev,
  .index_two .swiper-button-prev {
    display: none;
  }
  .list_about .left,
  .list_about .right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .list_about .right {
    padding: 15px 15px 0;
  }
  .list_about_four .swiper {
    padding: 0 10.125rem;
  }
  .list_about_four .swiper-button-next {
    right: 4.5rem;
  }
  .list_about_four .swiper-button-prev {
    left: 4.5rem;
  }
  .list_about .left {
    padding-right: 15px;
  }
  .nyerji .ul li a {
    font-size: 14px;
  }
  .show_product_two .row {
    margin: 0 -15px;
  }
  .show_product_two .row > div {
    padding: 15px;
  }
  .show_product_two .row > div.right {
    margin-top: 15px;
  }
  .nyerji .ul li a {
    padding: 0 1.4375rem;
  }
  .subcontent {
    width: 90% !important;
  }
  .list_industry .ul1 li .row > div.right {
    order: 1;
  }
  .list_industry .ul1 li .row > div.left {
    order: 2;
    margin-top: 15px;
  }
  .list_news .swiper-slide .row {
    margin: 0 -15px;
  }
  .list_news .swiper-slide .row > div {
    padding: 0 15px;
  }
  .list_news .swiper-slide .row > div.right {
    margin-top: 25px;
  }
  .list_contact .left {
    padding: 0 15px 15px 15px;
  }
  .list_message .row.alingc > div.left {
    display: none;
  }
}
@media (max-width: 767px) {
  .banner .hover .p1 {
    font-size: 30px;
  }
  .list_contact ul {
    margin-top: 15px;
  }
  .list_contact ul li .icon {
    width: 3.25rem;
    height: 3.25rem;
  }
  .list_contact ul li .con {
    width: calc(100% - 3.25rem);
    padding-left: 1rem;
  }
  #map {
    height: 19.75rem;
  }
  .list_message .row.alingc {
    margin-top: 20px;
  }
  .list_contact ul li .con div {
    font-size: 1.125rem;
  }
  .list_contact ul li .con div span {
    display: block;
  }
  .list_contact .name {
    font-size: 20px;
  }
  .show_news .rightt {
    margin-top: 20px;
  }
  .show_news .rightt > div {
    padding: 15px;
  }
  .list_news .swiper-slide .over img {
    height: auto;
  }
  .list_news .swiper-slide .text {
    font-size: 14px;
    line-height: 28px;
    margin-top: 5px;
  }
  .squera_news .over img {
    height: auto;
  }
  .list_news .swiper-slide .more {
    margin-top: 15px;
  }
  .list_news .swiper-slide .name {
    margin-top: 15px;
  }
  .show_news .shangxia .tr {
    order: 2;
    text-align: right;
  }
  .show_news .shangxia .ta {
    order: 3;
    margin-top: 20px;
  }
  .show_news .rightt .name {
    font-size: 20px;
  }
  .squera_news .content .text {
    margin-bottom: 0;
  }
  .show_news .data {
    padding: 15px 0;
    margin: 0;
  }
  .squera_download > div .name {
    font-size: 18px;
  }
  .list_industry .ul1 li .name {
    font-size: 22px;
  }
  .list_industry .ul1 li .text {
    font-size: 14px;
    line-height: 28px;
    margin: 5px 0 15px;
  }
  .squera_download > div .text {
    margin: 15px 0;
  }
  .list_download .ul1 {
    margin: -8px;
  }
  .squera_download {
    padding: 8px;
  }
  .subcontent {
    padding: 20px !important;
  }
  .squera_download > div,
  .squera_fqa > div {
    padding: 20px;
  }
  .nyerji .ul li a {
    padding: 0 15px;
  }
  .subcontent .text {
    padding-top: 15px;
  }
  .text {
    font-size: 14px;
  }
  .subcontent .layui-layer-close {
    right: 0.875rem !important;
    top: 0.5rem !important;
    width: 25px !important;
    height: 25px !important;
    background-size: contain !important;
  }
  .squera_fqa > div .name {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .subcontent .name {
    padding-bottom: 15px;
    font-size: 18px;
  }
  .squera_fqa > div .text {
    margin-bottom: 20px;
  }
  .pro .nyerji ul {
    flex-wrap: wrap;
  }
  .pro .nyerji ul li {
    flex: none;
    width: 25%;
  }
  .pro .nyerji ul li a {
    font-size: 12px;
  }
  .show_product_three table td {
    font-size: 14px;
  }
  .show_product {
    padding: 2.5625rem 0 3rem;
  }
  .show_product .text {
    font-size: 14px;
    width: 100%;
    margin: 5px 0 15px;
  }
  .nyerji .ul li a {
    height: 44px;
  }
  .mt45,
  .mt40,
  .mt35,
  .mt50,
  .mt70 {
    margin-top: 20px;
  }
  .squera_fqa {
    padding: 8px;
  }
  .list_faq .ul1 {
    margin: -8px;
  }
  .list_product .ul {
    margin: -8px;
  }
  .list_product .ul li {
    padding: 8px;
  }
  .list_about_four .swiper {
    padding: 0 15px;
  }
  .list_about_three .swiper-slide .name {
    font-size: 14px;
    margin-top: 15px;
  }
  .list_abuot_two {
    padding: 6.625rem 0 6.5rem;
  }
  .list_about .row {
    margin-top: 15px;
  }
  .list_about_three::before {
    height: 12rem;
  }
  .bread {
    display: none;
  }
  .banner .hover .p2 {
    font-size: 18px;
  }
  .title {
    font-size: 24px;
  }
  .subtitle {
    margin-top: 0;
    font-size: 16px;
  }
  .index_three .right ul li > div .con p {
    white-space: normal;
  }
  .index_one_ul .ul1 li a {
    font-size: 12px;
    height: 40px;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .index_one .subtitle {
    margin-bottom: 5px;
  }
  .index_three .row {
    margin: 0 -15px;
  }
  .index_three .row > div,
  .index_three .row > li {
    padding: 0 15px;
  }
  .index_one_ul .ul1 li {
    padding: 0 2px;
  }
  .index_one_ul .ul1 {
    margin: 0 -2px;
  }
  .index_one_ul .sum {
    margin-top: 10px;
  }
  .index_one_ul .mt65 {
    margin-top: 20px;
  }
  .index_one_ul .ul {
    margin: -8px;
  }
  .index_one_ul .ul li {
    padding: 8px;
  }
  .squera_pro .content {
    padding: 10px 10px 20px;
  }
  .squera_pro > a .name {
    font-size: 18px;
  }
  .squera_pro > a .text {
    font-size: 14px;
  }
  .index_two .swiper_top .text {
    font-size: 14px;
    line-height: 28px;
    margin: 5px 0 15px;
  }
  .index_two .swiper_top .name {
    font-size: 22px;
  }
  .index_two .swiper_bot {
    margin-top: 20px;
  }
  .index_two .swiper_bot .swiper-slide {
    padding: 1.375rem 0;
  }
  .index_two .swiper_bot .swiper-slide .icon img {
    width: 2.25rem;
    height: 2.25rem;
  }
  .index_three {
    padding: 30px 0;
  }
  .index_three .text {
    font-size: 14px;
    line-height: 26px;
    margin: 10px 0 15px;
  }
  .index_three .right ul li > div .icon {
    width: 2.5rem;
    height: 2.5rem;
  }
  .index_three .right ul li > div .con {
    width: calc(100% - 2.5rem);
    padding-left: 15px;
  }
  .index_three .right ul li > div .con div {
    font-size: 18px;
  }
  .index_three .right ul li > div .con p {
    font-size: 14px;
    margin-top: 0;
  }
  .index_three .right ul li > div {
    padding-bottom: 1rem;
    height: 100%;
    align-items: center;
  }
  .index_three .right ul li:nth-child(1),
  .index_three .right ul li:nth-child(2) {
    margin-bottom: 2rem;
  }
  .index_news .squera_news .content .text {
    margin-bottom: 0;
  }
  .index_news .mt40 {
    margin-top: 20px;
  }
  .index_news .tr {
    text-align: center;
    margin-top: 15px;
  }
  .index_news .more:first-child {
    margin-left: 0;
  }
  .index_news .title,
  .index_news .subtitle {
    text-align: center;
  }
  .swiper_pag .swiper-pagination-bullet {
    margin: 20px 5px 0;
    width: 10px;
    height: 10px;
  }
  .index_one_ul .ul1 {
    justify-content: center;
  }
}