@media (max-width: 1600px) {
  header .center > ul > li {
    margin-right: 3.25rem;
  }
  .banner .hover .p2 {
    font-size: 3.375rem;
    line-height: 4.625rem;
  }
  .banner .hover .p3 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .banner .hover .p1 {
    font-size: 1.25rem;
  }
  .section3 .left .text {
    margin: 1.875rem 0;
  }
}
@media (max-width: 1440px) {
  header .center > ul > li {
    margin-right: 2rem;
  }
  header .container {
    padding: 0 4rem;
  }
  .nyban .hover .p2 {
    font-size: 3.25rem;
    line-height: 3.375rem;
  }
  .nyban .hover .p1 {
    font-size: 4.5rem;
  }
  .list_about .text {
    margin-top: 0.875rem;
    line-height: 1.875rem;
  }
  .list_about_two .text {
    font-size: 1.875rem;
  }
}
@media (max-width: 1366px) {
  footer ul li {
    padding: 0 2.75rem;
  }
  .list_contact .map ul li .icon img {
    height: 1.75rem;
  }
  .list_contact .map .flex {
    margin: 1.5rem -0.75rem 0;
  }
  .list_contact .map .flex > div img {
    height: 7.5rem;
  }
  .more {
    width: 10.25rem;
  }
  .show_product_two .left .icon img {
    height: 4rem;
  }
  .show_product_two .left .icon {
    width: 5.5rem;
  }
  .show_product_two .left li > div:nth-child(2) {
    width: calc(100% - 5.5rem);
  }
  .margin .swiper-button-next {
    right: -4.25rem;
  }
  .margin .swiper-button-prev {
    left: -4.25rem;
  }
}
@media (max-width: 1280px) {
  header .tel {
    margin-right: 1rem;
  }
  header .container {
    padding: 0 2rem;
  }
  header .center > ul > li {
    margin-right: 1.65rem;
  }
  .banner .hover .p2 {
    font-size: 2.85rem;
    line-height: 3.625rem;
  }
  .banner .hover .p3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .banner .hover .p1 {
    font-size: 1.125rem;
  }
  .section2 ul li {
    height: 21rem;
  }
  .section2 ul li .img img {
    height: 14rem;
  }
  .section2 ul li a .content {
    height: calc(100% - 14rem);
  }
  .section2 ul li .name {
    font-size: 1.125rem;
    margin-bottom: 0;
  }
  .section3 .shuzi li {
    padding: 3rem 0;
  }
  .section3 .left .text {
    height: 14.5rem;
    overflow: hidden;
    margin: 20px 0;
  }
  .container_p {
    padding-top: 3.25rem;
  }
  .section4 .top {
    padding-top: 6rem;
  }
  .section4 .mt50 {
    margin-top: 1.5rem;
  }
  .section4 .bot ul li {
    height: 17rem;
  }
  .section5 .line5 {
    -webkit-line-clamp: 3;
  }
  .section5 .swiper-slide a {
    padding: 2rem 2rem 1.5rem;
  }
  .section5 .text {
    margin: 0.5rem 0;
  }
  .section5 .data {
    margin-top: 1.625rem;
  }
  .nyban .hover .p2 {
    font-size: 2.8rem;
    line-height: 3rem;
  }
  .nyban .hover .p1 {
    font-size: 4rem;
  }
  .list_about ul li > div .icon img {
    height: 4rem;
    width: 4rem;
  }
  .list_about ul li > div p {
    font-size: 4rem;
  }
  .list_about_two .text {
    font-size: 1.5rem;
  }
  .list_about_two .icon img {
    height: 4.3125rem;
  }
  .list_about_four ul.flex li > div {
    padding: 1.25rem 0.5rem;
  }
  .list_product .center .text.mt0 {
    margin: 0.5rem 0 2rem;
  }
  .list_product .center .data {
    margin-bottom: 0.5rem;
  }
  .list_product .center .text {
    margin: 10px 0 2rem;
  }
  .list_service .left .text {
    margin-bottom: 1rem;
  }
  .list_service .left .flex {
    margin: 1.5rem -0.625rem;
  }
  .product_td .zt .td li:nth-child(1) {
    font-size: 1.25rem;
  }
  .product_td .zt .td li {
    font-size: 1rem;
  }
}
@media (max-width: 990px) {
  html,
  body {
    overflow-x: hidden;
  }
  .section4 .bot {
    position: static;
  }
  .section2,
  .section3,
  .section5 {
    padding: 60px 0;
  }
  .section2 .scroll,
  .section3 .scroll,
  .section5 .scroll {
    display: none;
  }
  .section4 {
    padding: 60px 0 0;
  }
  .section4 .scroll {
    display: none;
  }
  .container_p {
    padding-top: 0;
  }
  .section4 .top {
    padding-top: 0;
    margin-bottom: 50px;
  }
  .section5 .bot {
    padding-right: 2rem;
  }
  .section5 .line5 {
    -webkit-line-clamp: 5;
  }
  .banner .img img {
    height:auto;
  }
  
  
  
  .show_detail {
    padding-bottom: 80px;
  }
  .show_detail .right {
    padding-left: 15px;
  }
  .nyban .hover2 {
    display: none;
  }
  .nyban .hover .p2 {
    font-size: 30px;
    line-height: 45px;
  }
  .nyban .hover .p1 {
    font-size: 46px;
    line-height: 55px;
  }
  .title {
    font-size: 30px;
    line-height: 40px;
  }
  .subtitle {
    font-size: 16px;
  }
  .list_about .right {
    margin-top: 20px;
  }
  .list_about ul {
    margin-top: 20px;
  }
  .list_about ul li {
    padding: 20px 15px;
  }
  .list_about_two li {
    padding: 9rem 1.25rem;
  }
  .list_about_four ul.flex {
    flex-wrap: wrap;
    justify-content: center;
  }
  .list_about_four ul.flex li {
    margin-bottom: 15px;
  }
  .list_contact .map .right {
    padding: 25px 15px;
  }
  .list_contact .map .right ul {
    padding: 0 15px;
  }
  .list_contact .map .right .flex {
    justify-content: flex-start;
  }
  .list_contact .map .flex {
    margin: 1.5rem 0 0;
    padding: 0 15px;
  }
  .list_contact .map .flex > div {
    padding: 15px;
  }
  .list_product .center .left,
  .list_product .center .right {
    width: 100%;
  }
  .list_product .center .swiper-slide a {
    flex-wrap: wrap;
  }
  .list_product .center .swiper-slide a .right {
    padding: 20px 40px 40px;
  }
  .list_product .center .swiper-slide a .right > div {
    padding: 0 0;
  }
  .list_news .ul li .name {
    height: 52px;
  }
  .list_news .ul li .name,
  .list_product .center .name {
    font-size: 18px;
    line-height: 26px;
  }
  .list_service li:nth-child(odd) .right {
    order: 1;
  }
  .list_service li:nth-child(odd) .left {
    order: 2;
  }
  .list_service .left {
    margin-top: 20px;
  }
  .list_service li {
    margin-bottom: 40px;
  }
  .show_product .right {
    margin-top: 20px;
  }
  .about_pro .swiper-pagination {
    position: static;
    margin-top: 10px;
  }
  .about_pro .swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px;
  }
  .section4 .heig{
      height: auto;
  }
  footer ul li {
    padding: 0 1.25rem;
  }
  footer ul li .icon {
    width: 3rem;
    height: 3rem;
  }
  footer ul li p {
    width: calc(100% - 3rem);
  }
  .list_about_six .swiper_pag {
    position: static;
    margin-top: 1.25rem;
  }
  .list_about_six .swiper_pag .swiper-pagination-bullet {
    margin: 0 4px;
  }
  .show_service_two .swiper-slide {
    width: 50%;
    padding: 0;
    flex: none;
  }
  .show_service_two .swiper_pag {
    display: block;
    margin-top: 20px;
    position: static;
  }
  .show_service_two .swiper_pag .swiper-pagination-bullet {
    margin: 0 4px;
  }
  .list_about_seven .picList li img,
  .list_about_seven .picList li {
    width: 150px !important;
  }
}
@media (max-width: 767px) {
  .list_about_seven .picMarquee-left {
    margin-top: 15px;
  }
  .list_about_seven .picList li > div {
    height: 5rem;
  }
  .banner .hover .p2 {
    font-size: 22px;
    line-height: 34px;
    margin: 8px 0;
  }
  .banner .hover .p1 {
    font-size: 14px;
    line-height: 22px;
  }
  
  .banner .hover .p3 {
    font-size: 12px;
    line-height: 24px;
  }
  .section2,
  .section3,
  .section5 {
    padding: 30px 0;
  }
  .title {
    font-size: 24px;
    line-height: 32px;
  }
  .subtitle {
    font-size: 14px;
    line-height: 26px;
  }
  .section2 ul li {
    height: auto;
    width: 50%;
    margin-bottom: 15px;
  }
  .section2 ul li a {
    padding: 0 0 20px;
  }
  .section2 ul li.active {
    width: 100%;
    height: auto;
  }
  .section2 ul li.active img {
    max-height: 10rem;
    object-fit: contain;
  }
  .section2 ul li .img img {
    height: 7rem;
    object-fit: contain;
  }
  .section2 ul li a .content {
    height: auto;
    padding: 0 15px;
    margin-top: 15px;
  }
  .section2 ul li.active .content {
    padding: 0 15px;
    justify-content: center;
  }
  .section2 ul li.active .name {
    justify-content: center;
  }
  .section2 ul {
    margin-top: 15px;
  }
  .section3 .left .text {
    height: auto;
  }
  .section3 .shuzi {
    margin-top: 40px;
  }
  .section3 .shuzi li {
    padding: 0 0 30px 0;
  }
  .section3 .shuzi li:nth-last-child(2),
  .section3 .shuzi li:last-child {
    padding-bottom: 0;
  }
  .section3 .shuzi li .num {
    font-size: 36px;
  }
  .section4 .top .col-md-5 {
    margin-top: 15px;
  }
  .section4 .top .col-md-5 .tr {
    text-align: left;
  }
  .section4 .bot ul li .icon img {
    width: 3rem;
    margin-right: 20px;
  }
  .section4 .bot ul li .name {
    margin: 0;
  }
  .section4 .bot ul li:last-child {
    border: none;
  }
  .section4 .container_p {
    height: auto;
  }
  .section4 .top {
    margin-bottom: 30px;
  }
  .section4 .bot {
    border: none;
  }
  .section4 .bot .container {
    padding: 0;
  }
  .section4 .bot ul li {
    height: auto;
    width: 20%;
    border: none;
  }
  .section4 .bot ul li a {
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .section4 .bot ul li a .icon {
    margin-bottom: 8px;
  }
  .section4 .bot ul li a .icon img {
    margin-right: 0;
    height: 2.2rem;
  }
  .section4 .bot ul li .text {
    display: none;
  }
  .section4 .bgg {
    height: 100%;
  }
  .section4 {
    padding: 30px 0 0;
  }
  .section5 .container.container_l {
    padding-right: 15px;
  }
  .section5 .top .tr {
    margin: 20px 0 0;
    display: flex;
    align-items: center;
  }
  .section5 .bot {
    border-radius: 10px;
    margin-top: 20px;
    padding-right: 0;
  }
  .beian .text {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0;
  }
  .section4 .bot ul li .name {
    font-size: 14px;
  }
  .section5 .swiper-pagination {
    z-index: 9;
  }
  .list_about_three .ul li .content .year {
    width: 100%;
    text-align: center;
    line-height: 26px;
    font-size: 26px;
  }
  .list_about_three .ul li .content .text {
    max-width: 100%;
    padding: 10px 0 0;
  }
  .list_about_three .ul li .content {
    width: 100%;
    flex-wrap: wrap;
  }
  .list_about_three .ul {
    margin-top: 2rem;
  }
  .list_about_three .margin {
    margin-top: 1.125rem;
  }
  .show_detail {
    padding: 30px 0;
  }
  .show_detail .right {
    display: none;
  }
  .show_detail .left {
    padding-right: 15px;
  }
  .show_detail .left > div {
    padding-bottom: 30px;
  }
  .show_detail .left .shangxia {
    margin-top: 30px;
  }
  .show_detail .left .shangxia .tr {
    text-align: left;
  }
  .show_detail .name {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 4px;
  }
  .show_detail .left .shangxia_p {
    margin-top: 0;
  }
  .p100 {
    padding: 30px 0;
  }
  .nyban .hover .p2 {
    font-size: 22px;
    line-height: 30px;
  }
  .nyban .hover .p1 {
    font-size: 36px;
    line-height: 60px;
  }
  .list_about .text {
    font-size: 14px;
  }
  .list_about ul li > div p {
    font-size: 3rem;
    margin: 0 10px;
  }
  .list_about ul li > div .icon img {
    height: 40px;
    width: 40px;
  }
  .list_about ul {
    margin: 0 -8px 0;
  }
  .list_about ul li {
    padding: 30px 0 0 8px;
  }
  .list_about ul li > div sub,
  .list_about ul li > div sup {
    font-size: 12px;
  }
  .list_about_two .icon img {
    height: 3.3125rem;
  }
  .list_about_two li {
    padding: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
  .list_about_two li .icon {
    width: 60px;
  }
  .list_about_two li > div:nth-child(2) {
    width: calc(100% - 60px);
    padding-left: 15px;
    text-align: left;
  }
  .list_about_two ul {
    flex-wrap: wrap;
  }
  .list_about_two .text {
    opacity: 1;
    font-size: 14px;
    line-height: 26px;
  }
  .list_about_two .name {
    font-size: 18px;
    line-height: 30px;
    margin: 0;
  }
  .list_about_five .margin.text,
  .list_about_four .margin.text {
    font-size: 14px;
    line-height: 26px;
    color: #232323;
    margin: 10px 0;
  }
  .list_about_four ul.row li {
    display: flex;
    align-items: center;
  }
  .list_about_four ul.row li:not(:last-child) {
    margin-bottom: 15px;
  }
  .list_about_four ul.row li > div:nth-child(2) {
    width: calc(100% - 5rem);
    text-align: left;
    padding-left: 20px;
  }
  .list_about_four ul.row li > div:nth-child(2) .name {
    font-size: 18px;
    margin: 0;
  }
  .list_about_four ul.row li > div:nth-child(2) .text {
    font-size: 14px;
    line-height: 26px;
  }
  .list_about_four .icon img {
    height: 5rem;
    width: 5rem;
  }
  .list_about_four ul.flex li {
    width: 50%;
  }
  .list_about_four ul.flex {
    margin: 25px -0.5rem 0;
  }
  .list_about_four ul.flex li:last-child,
  .list_about_four ul.flex li:nth-last-child(2) {
    margin-bottom: 0;
  }
  .list_about_five .ul {
    flex-wrap: wrap;
  }
  .list_about_five .ul li {
    width: 100% !important;
    height: 60px;
  }
  .list_about_five .ul li:not(:last-child) {
    margin-bottom: 15px;
  }
  .list_about_five .ul li .content {
    padding: 0;
  }
  .list_about_five .ul li.active {
    height: 200px;
  }
  .list_about_five .ul li .about_pro_index {
    bottom: 10px;
    padding: 0 15px;
  }
  .list_about_five .ul li .about_pro_index .text {
    line-height: 20px;
  }
  .honner-lunbo {
    margin-top: 15px;
  }
  .honner-lunbo .swiper_pag {
    position: static;
    margin-top: 10px;
  }
  .honner-lunbo .swiper-pagination-bullet {
    margin: 0 4px;
  }
  .list_about_seven .swiper-slide > div {
    height: 4.625rem;
    box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.15);
  }
  .list_about_seven .swiper-slide {
    padding: 0.375rem;
  }
  .list_about_seven .margin {
    margin: 15px -0.375rem 0;
  }
  .list_contact .text {
    margin: 10px 0 15px;
  }
  .list_contact .map ul li .icon {
    width: 50px;
    height: 50px;
  }
  .list_contact .map ul li .icon img {
    height: 1.375rem;
  }
  .list_contact .map ul li p {
    font-size: 14px;
    line-height: 24px;
    width: calc(100% - 50px);
  }
  .list_contact .map .right {
    padding: 20px 15px;
  }
  .list_contact .map .right .flex {
    justify-content: center;
  }
  .list_message .text {
    margin: 10px 0 15px;
  }
  form.mt50 {
    margin-top: 0;
  }
  form .mb25 {
    margin-bottom: 15px;
  }
  .list_message input {
    line-height: 44px;
  }
  .list_product .center .swiper-slide a .right {
    padding: 15px 30px 25px;
  }
  .list_product .center .text.mt0 {
    margin: 0.5rem 0 15px;
  }
  .list_product .center .data p,
  .list_news .ul li .data p {
    font-size: 28px;
    line-height: 30px;
  }
  .list_product.list_news {
    padding-bottom: 25px;
  }
  .list_product .center .swiper-pagination {
    margin-top: 20px;
  }
  .list_news .ul li .content {
    padding: 15px 20px 19px;
  }
  .list_news .ul li,
  .list_product .bot li {
    margin-bottom: 20px;
  }
  .list_product .top .right ul {
    justify-content: center;
    margin-top: 20px;
  }
  .list_product .top .right ul {
    flex-wrap: wrap;
    margin: 15px -0.25rem 0;
  }
  .list_product .top .right .more {
    width: 7.125rem;
  }
  .list_product .top .right ul li {
    padding: 0 0.25rem;
  }
  .list_product .center {
    margin: 20px 0;
  }
  .case_squera > a {
    padding: 30px 20px;
  }
  .list_service .left .flex {
    margin: 1rem -5px;
  }
  .list_service .left .flex .more.bgg {
    line-height: 40px;
    padding: 0 20px;
    margin: 0 5px;
  }
  .list_service li {
    margin-bottom: 30px;
  }
  .show_product .row.mt40 {
    margin-top: 15px;
  }
  .show_product .left > div {
    padding: 50px 15px 70px;
  }
  .show_product .text {
    margin-top: 10px;
  }
  .show_product .flex {
    margin: 15px -0.5rem 0;
  }
  .show_product .flex div {
    margin: 0 0.25rem;
    width: calc(33.3% - 0.5rem);
  }
  .show_product .flex div .more {
    width: 100%;
    line-height: 40px;
    font-size: 14px;
  }
  .show_product_two .row {
    margin: 0 -1.5625rem 0;
  }
  .show_product_two .left {
    margin-bottom: 15px;
  }
  .show_product_two .left li {
    padding: 15px 0;
  }
  .show_product_three table tr td {
    white-space: nowrap;
  }
  .show_product_three table tr td {
    padding: 15px 20px;
    font-size: 14px !important;
  }
  .show_product_three .bor {
    margin-top: 15px;
  }
  .case_squera {
    padding: 1rem 0.5rem;
  }
  .about_pro .margin {
    margin: 10px -0.5rem 0;
  }
  .show_service_two .swiper-pagination {
    position: static;
    margin-top: 20px;
  }
  .show_service_two .swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px;
  }
  .show_service_two .icon {
    width: 5.8125rem;
    height: 5.8125rem;
  }
  .show_service_two .swiper-container {
    margin-top: 20px;
  }
  .show_product.show_service .flex div {
    width: auto;
    margin-bottom: 8px;
  }
  .show_product.show_service .flex div .more {
    padding: 0 10px;
  }
  .beian ul li {
    padding: 0 0.5rem;
    width: 33.3%;
    text-align: center;
  }
  .beian ul,
  footer ul {
    flex-wrap: wrap;
  }
  footer ul li {
    flex: inherit;
    width: 100%;
    padding: 0;
    border: none !important;
  }
  footer ul li:not(:last-child) {
    margin-bottom: 15px;
  }
  footer ul li p {
    line-height: 22px;
  }
  footer {
    padding: 20px 0;
  }
  .beian {
    padding: 20px 0 15px;
  }
  .beian .text {
    padding: 0;
  }
  .show_service_two .swiper-slide {
    width: 100%;
    padding: 0;
    flex: none;
  }
  .product_td {
    margin-top: 1rem;
  }
  .product_td .zt .td li:nth-child(1) {
    background-size: 4%;
    font-size: 1.125rem;
  }
  .product_td .zt .td li {
    padding-left: 3rem;
  }
  .product_td {
    padding: 3rem 0 0;
  }
  .product_td .zt .td ul {
    margin-bottom: 20px;
  }
  .product_td .zt {
    margin-top: 20px;
  }
  .product_td .zt .td:last-child {
    margin-top: 5rem;
  }
  .product_td .zt .td ul {
    margin-top: 0;
  }
  .product_td .zt .td:last-child {
    order: 2;
  }
  .product_td .zt .td {
    order: 1;
  }
  .product_td .pro_cptd {
    order: 3;
  }
  .product_td .zt .td:last-child {
    margin-top: 0;
  }
  .product_td .zt .td li {
    padding-left: 2rem;
  }
  .show_product_two .right .hover {
    display: none;
  }
  .show_product_two .right > ul > li .swiper-slide img {
    height: auto;
  }
}