@media all and (max-width: 1680px) {
  .w1600 {
    width: 94%;
  }
}
@media all and (max-width: 1480px) {
  .w1400 {
    width: 94%;
  }
}
@media all and (max-width: 1430px) {
  header .head-nav .menu {
    display: none !important;
  }
  header .head-nav .info {
    display: none !important;
  }
}
@media all and (max-width: 992px) {
  #container {
    padding-top: 66px !important;
  }
  header .head-nav .menu {
    display: block !important;
  }
  header {
    position: fixed !important;
    background-color: #fff !important;
  }
  header .head-nav {
    height: 66px;
  }
  header .head-nav .menu {
    width: auto;
  }
  header .head-nav .menu .icon {
    color: #333 !important;
  }
  header .head-nav .info {
    width: auto;
  }
  header .head-nav .info .icon {
    color: #00328f;
  }
  header .head-nav .info h4 {
    color: #333 !important;
  }
  header .head-nav .logo {
    width: 130px;
  }
  header .head-nav .logo p {
    color: #666 !important;
  }
  header .head-nav .logo .a {
    display: block !important;
  }
  header .head-nav .logo .b {
    display: none !important;
  }
  .index-section1 .swiper-container1 .swiper-slide {
    flex-direction: column;
  }
  .index-section1 .swiper-container1 .swiper-slide .text {
    width: 100%;
    margin: 16px 0;
  }
  .index-section1 .swiper-container1 .swiper-slide .img {
    width: 100%;
  }
  .index-section1 .in-pro-cate li {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .index-section1 .in-pro-cate li .img {
    width: 60px;
    height: 60px;
  }
  .index-section2 .swiper-slide {
    padding-top: 100%;
  }
  .index-section2 .bso {
    position: absolute;
  }
  .index-section2 .bso ul {
    border-top-left-radius: 0;
  }
  .index-section2 .bso ul li {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .index-section2 .bso ul li .img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
  }
  .index-section2 .bso ul li .img img {
    width: 30px;
  }
  .index-section4 .content .left {
    width: 100%;
  }
  .index-section4 .content .left .more {
    margin: 40px 0;
  }
  .index-section4 .content .left ul li {
    width: 50%;
    margin: 10px 0;
  }
  .index-section5 .content {
    flex-wrap: wrap;
  }
  .index-section5 .content .left {
    width: 100%;
    margin-bottom: 20px;
  }
  .index-section5 .content .left .btns {
    position: relative;
    margin-top: 30px;
    left: 0;
    top: 0;
  }
  .index-section5 .content .right {
    width: 100%;
  }
  footer .f-logo a {
    flex-direction: column;
  }
  footer .content .info ol {
    text-align: left !important;
  }
  .case-page .case-left .info .info-detail {
    padding: 0 16px;
  }
  .product-list .content .info {
    flex-direction: column !important;
  }
  .product-list .content .info .texts {
    width: 100%;
  }
  .product-list .content .info .texts .butt {
    margin-top: 20px;
  }
  .product-list .content .info .swiper-container {
    width: 100%;
  }
  .product-page .section1 .content {
    flex-wrap: wrap;
  }
  .product-page .section1 .content .albums-img {
    width: 100%;
  }
  .product-page .section1 .content .text {
    width: 100%;
  }
  .product-page .section2 .content {
    flex-wrap: wrap;
  }
  .product-page .section2 .content .product-right {
    width: 100%;
  }
  .product-page .section2 .content .product-xg {
    width: 100%;
    margin-top: 24px;
  }
  .about-page .section2 .info {
    margin-top: 30px;
  }
  .about-page .section2 ul li .item h4 {
    margin-top: 20px;
  }
  .about-page .section2 img {
    max-width: 32px;
  }
  .about-page .section4 ul li .item img {
    max-width: 150px;
  }
  .hz-page .section2 {
    min-height: auto;
  }
  .hz-page .section2 .tab-content {
    width: 100%;
    margin: 50px 0;
  }
  .hz-page .section2 .nav {
    position: relative;
    width: 100%;
    flex-direction: row;
    padding: 20px 12px;
  }
  .hz-page .section2 .nav li {
    flex: 1;
  }
  .hz-page .section2 .nav li::before {
    content: none;
  }
  .hz-page .section2 .tab-content .desc p {
    width: 100%;
  }
  .hz-page .section3 ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .hz-page .section3 ul li {
    margin: 10px 0;
  }
  .hz-page .section3 ul li .item .img {
    width: 100px;
    height: 100px;
  }
  .hz-page .section3 ul li:nth-child(even) {
    margin: 40px 10px 0;
  }
  .contact-page .section2 {
    min-height: 350px;
  }
  .contact-page .section2 img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: auto;
    min-height: auto;
    width: 100%;
    height: 100%;
    transform: none;
    transition: transform 0.5s ease;
    object-fit: cover;
    max-height: 100%;
  }
  .solution-page .links .zx,
  .solution-page .links .ly,
  .hz-page .section1 ul li .item .links .zx,
  .hz-page .section1 ul li .item .links .ly,
  .index-section1 .swiper-container1 .swiper-slide .text .more,
  .index-section2 .title2 .links .zx,
  .index-section2 .title2 .links .ly,
  .index-section4 .content .left .more {
    width: 150px;
    height: 36px;
  }
  .about-page .section1 .img a span {
    width: 50px;
    height: 50px;
  }
  .about-page .section6 ul li .img {
    height: 80px;
  }
  .prev-next-bottom {
    padding: 20px 0;
  }
  footer .copyright > div {
    flex-wrap: wrap;
  }
  .index-section4 .video-link {
    position: relative;
  }
  .page-banner {
    padding-top: 60%;
  }
  .page-banner img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: auto;
    min-height: auto;
    width: 100%;
    height: 100%;
    transform: none;
    transition: transform 0.5s ease;
    object-fit: cover;
    max-height: 100%;
  }
}