.line1 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.line2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.line3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.line4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.trans {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.bg {
  background: #0856DC;
}
.c {
  color: #0856DC;
}
@media (max-width: 1600px) {
  .banner .hover .p1 {
    width: 57%;
  }
  .index_five .swiper-button-next {
    right: -5rem;
  }
  .index_five .swiper-button-prev {
    left: -5rem;
  }
  .list_about_two .swiper {
    padding: 0 28rem;
  }
  .list_about_two .swiper-button-next {
    right: 29.25rem;
  }
  .list_about_two .swiper-button-prev {
    left: 29.25rem;
  }
  header .ds1 {
    margin-left: 1rem;
   }
}
@media (max-width: 1440px) {
  .index_five .swiper-button-next {
    right: -3rem;
  }
  .index_five .swiper-button-prev {
    left: -3rem;
  }
  footer .ul li:nth-child(2) {
    max-width: 26%;
  }
  .list_about_two .swiper {
    padding: 0 24rem;
  }
  .list_about_two .swiper-button-next {
    right: 25.25rem;
  }
  .list_about_two .swiper-button-prev {
    left: 25.25rem;
  }
  .margin .swiper-button-next {
    right: -6rem;
  }
  .margin .swiper-button-prev {
    left: -6rem;
  }
  .squera_pro .content {
    padding: 1.5625rem 1.5rem 2.1875rem;
  }
  header .container {
    padding: 0 3.25rem;
  } 
  header .center > ul > li > a { 
    padding: 0;
  }
    
}
@media (max-width: 1366px) {
  header .container {
    padding: 0 3.25rem;
  }
  header .center > ul > li > a {
    padding: 0;
  }
  .squera_pro .more_2 > div {
    padding: 0 0.7rem;
  }
}
@media (max-width: 1280px) {
  .banner .hover .p1 {
    font-size: 3.5rem;
    line-height: 4rem;
  }
  .index_one .top {
    padding: 0 1.875rem;
  }
  .index_two .swiper-button-next {
    right: -5rem;
  }
  .index_two .swiper-button-prev {
    left: -5rem;
  }
  .index_two .swiper-slide a .over img {
    height: 8.9375rem;
  }
  .list_about_two .swiper {
    padding: 0 20rem;
  }
  .list_about_two .swiper-button-next {
    right: 21.25rem;
  }
  .list_about_two .swiper-button-prev {
    left: 21.25rem;
  }
  .list_about_two::before {
    height: 26.3125rem;
  }
  .margin .swiper-button-next {
    right: -4rem;
  }
  .margin .swiper-button-prev {
    left: -4rem;
  }
  .show_product .name {
    font-size: 1.5rem;
  }
  .list_application .height100 .right {
    width: calc(100% - 12rem);
  }
  .list_application .height100 .left ul li {
    padding-right: 3rem;
    padding-left: 3.25rem;
  }
  header .center > ul > li { 
    padding: 0 1rem;
  }

}
@media (max-width: 990px) {
  .banner {
    padding-top: 0;
  }
  .banner .hover .p1 {
    font-size: 30px;
    line-height: 40px;
  }
  .index_one .top {
    display: none;
  }
  .index_one .bot {
    margin-top: 20px;
  }
  .index_one .bot .swiper-slide {
    text-align: center;
  }
  .index_one .swiper-slide .right {
    padding-right: 15px;
  }
  .index_one .swiper-slide .content .flex {
    justify-content: center;
  }
  .index_one .swiper-slide .content .flex .flex {
    justify-content: flex-start;
  }
  .index_one .swiper-slide .content {
    box-shadow: none;
    border: 1px solid #f5f5f5;
  }
  .index_two .swiper_pag {
    margin-top: 30px;
  }
  .index_two .swiper_pag .swiper-pagination-bullet {
    border: 1px solid #fff;
  }
  .index_two .swiper_pag .swiper-pagination-bullet-active {
    background: #fff;
  }
  .index_three .swiper-slide .over img {
    height: auto;
  }
  .index_five .swiper_btn {
    display: none;
  }
  .index_five .swiper_pag {
    margin-top: 30px;
  }
  .index_six .bot .right .content {
    padding: 30px 0;
    margin-top: 20px;
  }
  footer {
    display: none;
  }
  .title {
    font-size: 2.75rem;
    line-height: 3.2rem;
  }
  .bread {
    display: none;
  }
  .list_contact .container::before {
    width: 100%;
  }
  .list_contact .container .left1 {
    padding-top: 4rem;
  }
  .list_contact {
    padding-top: 0 !important;
  }
  .list_about_two .swiper {
    padding: 0 10rem;
  }
  .list_about_two .swiper-button-next {
    right: 11.5rem;
  }
  .list_about_two .swiper-button-prev {
    left: 11.5rem;
  }
  .list_about_four .swiper_pag {
    margin-top: 20px;
  }
  .list_aftersales_two .text .row .col-lg-6:nth-child(1) {
    order: 1;
  }
  .list_aftersales_two .text .row .col-lg-6:nth-child(2) {
    order: 2;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .list_aftersales .content {
    width: 100%;
  }
  .list_aftersales .name1 {
    font-size: 20px;
    margin: 15px 0 5px;
  }
  .list_aftersales .mt40 {
    margin-top: 20px;
  }
  .chennel_product .ul {
    margin: 0 -15px;
  }
  .chennel_product .ul li {
    padding: 0 15px;
  }
  .squera_pro .flex {
    justify-content: flex-start;
  }
  .squera_pro .flex .more_2:nth-child(1) {
    margin-right: 10px;
  }
  .show_product .row > div.right {
    margin-top: 20px;
  }
  .show_product_one .list2 .right {
    margin-top: 20px;
  }
  .list_application .height100 .left {
    display: none;
  }
  .list_application .height100 .right {
    width: 100%;
    padding: 0 30px 50px;
  }
  .list_application .height100 .right .swiper-container {
    width: 100%;
  }
  .list_application .height100 {
    height: auto;
  }
  .list_application .height100 .right {
    flex-wrap: wrap;
    display: block;
  }
  .list_application .height100 .right .swiper-slide {
    padding-top: 200px;
  }
  .list_application .height100 .right .swiper_pag {
    margin-top: 30px;
  }
  .list_application .height100 .right .swiper_pag .swiper-pagination-bullet {
    border: 1px solid #fff;
  }
  .list_application .height100 .right .swiper_pag .swiper-pagination-bullet-active {
    background: #fff;
  }
  .show_application_two .ul li .content {
    padding: 25px 15px;
  }
  .content_box1 .swiper_btn {
    display: none;
  }
}
@media (max-width: 767px) {
  .banner .hover .p1 {
    font-size: 18px;
    line-height: 22px;
  }
  .show_product_one .swiper_qiehuan_swiper .swiper-slide {
    margin-bottom: 0;
  }
  .title {
    font-size: 24px;
    line-height: 30px;
  }
  .qiehuan {
    line-height: 3.875rem;
  }
  .qiehuan ul li {
    font-size: 18px;
  }
  .show_product .swiper_bot .swiper-slide img {
    padding: 0.25rem;
  }
  .qiehuan ul li:not(:last-child) {
    margin-right: 2rem;
  }
  .subtitle {
    line-height: 24px;
  }
  .index_one .bot {
    margin-top: 0;
  }
  .index_one .swiper-slide .content {
    padding: 15px;
    margin-top: 20px;
  }
  .index_one .swiper-slide .content .name {
    font-size: 20px;
  }
  .index_one .swiper-slide .content .text {
    margin: 5px 0 15px;
  }
  .text {
    line-height: 24px;
  }
  .more {
    width: 11em;
  }
  .more_2 > div {
    padding: 0;
    width: 11em;
  }
  .index_one .swiper-slide .content .flex .more:not(:last-child) {
    margin-right: 0.75rem;
  }
  .more .img {
    width: 3rem;
  }
  .more .img img {
    right: 1.125rem;
  }
  .index_one .bot .left {
    padding-right: 15px;
  }
  .index_two .swiper-slide a {
    padding: 10px;
  }
  .index_two .swiper-slide a .over img {
    height: 7.9375rem;
  }
  .index_two .swiper-container {
    margin-top: 20px;
  }
  .index_two .swiper_pag {
    margin-top: 20px;
  }
  .mt45 {
    margin-top: 20px;
  }
  .index_three .swiper-slide .over,
  .index_three ul li .over,
  .index_three .swiper-slide .over img,
  .index_three ul li .over img {
    border-radius: 10px;
  }
  .index_three .name {
    font-size: 18px;
    margin: 10px 0 5px;
  }
  .index_three .hover_pag {
    margin-top: 20px;
  }
  .swiper_btn {
    width: 35px;
    height: 35px;
  }
  .index_three .hover_pag .swiper_btn {
    margin-left: 10px;
  }
  .index_three .hover_pag .swiper-pagination {
    width: calc(100% - 70px - 20px);
  }
  .index_four {
    border: none;
  }
  .index_four ul {
    flex-wrap: wrap;
  }
  .index_four ul li {
    width: 50%;
    flex: none;
    border: 1px solid rgba(51, 0, 237, 0.1);
  }
  .index_four ul li a {
    padding: 30px 0;
  }
  .index_four ul li::before {
    display: none;
  }
  .index_four ul li:nth-child(1),
  .index_four ul li:nth-child(2) {
    border-bottom: none;
  }
  .index_four ul li:nth-child(1),
  .index_four ul li:nth-child(3) {
    border-right: none;
  }
  .index_four ul li .icon img {
    height: 4rem;
  }
  .index_four {
    padding-top: 30px;
  }
  .index_four ul li .name {
    margin-top: 15px;
    font-size: 16px;
  }
  .index_five .mt40 {
    margin-top: 20px;
  }
  .index_five .swiper-slide .name {
    margin-top: 20px;
    font-size: 18px;
  }
  .index_five .swiper-slide.swiper-slide-next,
  .index_five .swiper-slide.swiper-slide-prev {
    opacity: 1 !important;
  }
  .index_five .swiper_pag {
    margin-top: 20px;
  }
  .index_six .bot {
    margin-top: 20px;
  }
  .index_six .bot .left input {
    line-height: 44px;
  }
  .index_six .bot .left button {
    line-height: 44px;
    width: 100%;
    margin-top: 20px;
  }
  .index_six .bot .right {
    margin-top: 20px;
  }
  .index_six .bot .right .content {
    padding: 20px 0;
    margin-top: 0;
  }
  .show_news .title {
    padding-bottom: 25px;
    margin-bottom: 20px;
  }
  .show_news .data {
    margin-bottom: 20px;
  }
  .show_news .shangxia {
    margin-top: 20px;
    padding-top: 20px;
  }
  .show_news .shangxia .l {
    width: 100%;
  }
  .show_news .shangxia {
    flex-wrap: wrap;
  }
  .show_news .shangxia .r {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  .show_news .more .iconfont {
    width: 0.7rem;
  }
  .beian {
    padding: 10px 0;
  }
  .list_news .ul {
    margin: 15px -15px 0;
  }
  .list_news .ul li {
    padding: 0 15px;
    margin-bottom: 25px;
  }
  .squera_news .content {
    padding: 15px 15px 25px;
  }
  .squera_news .content .name {
    font-size: 18px;
  }
  .squera_news .content .data {
    font-size: 14px;
    margin: 5px 0 15px;
  }
  .more_2 > div {
    line-height: 44px;
  }
  .index_six.nobg1 .bot .left form img {
    height: 44px !important;
  }
  .channel_service .subtitle {
    margin: 5px 0 15px;
    width: 100%;
  }
  .channel_service .ul li {
    margin-bottom: 15px;
  }
  .channel_service .ul li a {
    padding: 20px 25px;
  }
  .channel_service .ul li a .name {
    font-size: 18px;
  }
  .channel_service .ul li a .icon img {
    height: 4rem;
  }
  .index_six.nobg1 .bot .left form {
    margin-top: 20px;
  }
  body {
    --bors: 10px;
  }
  .list_video .ul {
    margin: 20px -15px 0;
  }
  .list_video .ul li {
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .list_video .ul li .name {
    font-size: 18px;
    margin-top: 5px;
    text-align: center;
  }
  .list_software .ul {
    margin-top: 20px;
  }
  .list_software .ul li {
    margin-bottom: 20px;
  }
  .list_software .ul li a .name {
    font-size: 18px;
    width: calc(100% - 70px);
    padding-left: 14px;
  }
  .list_software .ul li a .name::before {
    width: 5px;
    height: 5px;
  }
  .list_catalog .ul li p,
  .list_software .ul li a p {
    width: 40px;
    height: 40px;
  }
  .list_catalog .ul li p img,
  .list_software .ul li a p img {
    width: 1.25rem;
    height: 1.25rem;
  }
  .list_software .ul li a {
    padding: 14px 10px;
  }
  .list_catalog .ul {
    margin-top: 20px;
  }
  .list_catalog .ul li a {
    padding: 15px;
  }
  .list_catalog .ul li a .left {
    width: 50%;
    margin: 0 auto;
    height: auto;
  }
  .list_catalog .ul li a .right {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
    display: flex;
    align-items: flex-start;
  }
  .list_catalog .ul li a .right > div:nth-child(1) {
    width: calc(100% - 40px);
    padding-right: 30px;
  }
  .list_catalog .ul li a .right .name {
    font-size: 18px;
    line-height: 24px;
  }
  .list_catalog .ul li {
    padding: 0 15px;
    margin-bottom: 20px;
  }
  .list_contact .container .left1 {
    padding-top: 30px;
  }
  .list_contact .container .left1 > ul li:not(:last-child) {
    margin-bottom: 15px;
  }
  .list_contact .container .left1 > ul {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .list_contact .container .left1 > ul li .icon {
    width: 44px;
    height: 44px;
  }
  .list_contact .container .left1 > ul li .con {
    width: calc(100% - 44px);
  }
  .list_contact .right .index_six {
    margin: 30px 0;
  }
  .list_contact .right .index_six .bot {
    padding: 20px;
  }
  #f13 img {
    height: 44px !important;
  }
  .list_about_two .swiper .swiper-slide-active {
    padding: 0;
  }
  .list_about_two .swiper {
    padding: 0 15px;
    margin: 20px 0;
  }
  .list_about_two .swiper-button-next,
  .list_about_two .swiper-button-prev {
    display: none;
  }
  .list_about_two .swiper-slide-next {
    -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
    clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
  }
  .list_about_two .name1 {
    position: static;
    margin-top: 10px;
  }
  .list_about_two .swiper-slide-prev {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .number_ul li {
    width: 50%;
    flex: none;
  }
  .number_ul li:nth-child(1),
  .number_ul li:nth-child(2) {
    margin-bottom: 30px;
  }
  .number_ul li:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 2.375rem;
    background: rgba(0, 0, 0, 0.15);
  }
  .list_about_three {
    padding: 6.625rem 0;
  }
  .list_about .text {
    margin: 15px 0;
  }
  .number_ul li .num span {
    font-size: 30px;
  }
  .number_ul li .num sub {
    font-size: 2rem;
  }
  .number_ul li .num sup {
    font-size: 1.125rem;
    top: -0.75rem;
  }
  .list_about_two::before {
    height: 16.3125rem;
  }
  .more .img .iconfont.font20 {
    width: 0.65rem;
  }
  .list_about_two .name1 {
    font-size: 18px;
  }
  .list_about_two .more {
    margin-top: 20px;
  }
  .list_about_three {
    padding: 50px 0;
  }
  .list_about_three .text {
    width: 100%;
    font-size: 16px;
    margin: 15px 0 0;
    line-height: 25px;
  }
  .list_about_three .swiper_pag {
    margin-top: 30px;
  }
  .list_about_four .swiper-slide > div {
    padding: 20px;
  }
  .list_about_four .swiper-container {
    margin-top: 20px;
  }
  .list_aftersales_two .text {
    margin-top: 20px;
  }
  .list_aftersales_two .text .name {
    margin-bottom: 10px;
  }
  .list_aftersales_two .text .mt40 {
    margin-top: 20px;
  }
  .list_aftersales_two .bor20 {
    border-radius: 5px;
  }
  .chennel_product .subtitle {
    width: 100%;
    margin: 15px 0;
  }
  .chennel_product .ul li .name {
    font-size: 18px;
    margin: 15px 0 0;
    padding-bottom: 5px;
  }
  .chennel_product .ul li .text {
    margin: 10px 0 15px;
  }
  .chennel_product .ul li .flex .more_message {
    margin-left: 0.875rem;
  }
  .more .img .iconfont {
    width: 0.5rem;
  }
  .chennel_product .ul li {
    margin-bottom: 30px;
  }
  .list_product .top li a {
    padding: 0 0 0.65rem;
  }
  .list_product .top li {
    padding: 0 0.5rem;
  }
  .list_product .top {
    margin: 15px 0 10px;
  }
  .squera_pro.mb40 {
    margin-bottom: 20px;
  }
  .show_product .swiper-button-next {
    right: 0rem;
  }
  .show_product .swiper-button-prev {
    left: 0rem;
  }
  .show_product .name {
    font-size: 16px;
    line-height: 24px;
  }
  .show_product .name1 {
    font-size: 24px;
    line-height: 35px;
  }
  .show_product ul li {
    font-size: 16px;
  }
  .show_product .bot {
    margin: 20px -8px 0;
  }
  .show_product .bot > div {
    padding: 0 8px;
    margin-bottom: 15px;
  }
  .show_product .bot > div:last-child,
  .show_product .bot > div:nth-last-child(2) {
    margin-bottom: 0;
  }
  .font30 {
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 25px;
  }
  .show_product_one .list1 .swiper-slide > div {
    padding: 2rem 1rem 2rem;
  }
  .show_product_one .list1 .swiper-slide .icon img {
    width: 4.25rem;
  }
  .show_product_one .list1 .swiper-slide .name {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .show_product_one .swiper_pag {
    margin-top: 20px;
  }
  .show_product_one .list:not(:last-child) {
    margin-bottom: 30px;
  }
  .show_product_one .list2 .left ul li {
    height: auto;
    padding: 15px 0;
  }
  .about_pro .title {
    margin-bottom: 20px;
  }
  .squera_pro .content {
    padding: 1.5625rem 1.15rem 2.1875rem;
  }
  .list_application .height100 .right {
    width: 100%;
    padding: 0 15px 30px;
  }
  .list_application .height100 .right .name {
    font-size: 20px;
    line-height: 30px;
  }
  .list_application .height100 .right .swiper-slide {
    padding-top: 150px;
  }
  .list_application .height100 .bgg > div {
    background-position: center !important;
  }
  .show_application_two .ul {
    flex-wrap: wrap;
  }
  .show_application_two .ul li {
    width: 100%;
    flex: none;
    display: flex;
    position: relative;
  }
  .show_application_two .ul li:not(:last-child) {
    margin-bottom: 20px;
  }
  .show_application_two .ul li .content {
    margin-top: 0;
    width: calc(100% - 40px);
    height: 100%;
    margin-left: 40px;
  }
  .show_application_two .ul li .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    padding-top: 0;
    position: absolute;
    top: -16px;
    left: 12px;
    z-index: 9;
  }
  .show_application .img1 {
    padding: 15px;
  }
  .show_application .title {
    margin-top: 20px;
  }
  .show_application .text {
    margin: 5px 0 15px;
  }
  .list_about .text .fr {
    width: 100%;
    padding: 0 0 15px 0;
  }
}