@media screen and (min-width: 1920px) { body { margin: 0 auto; max-width: 1920px; } }
@media screen and (max-width: 1200px) { .wide { padding-left: 15px; padding-right: 15px; width: 100%; }
  .index-sec1 .index1-box:nth-child(2) { padding: 0 40px; }
  .index-sec1 .index1-box:first-child { padding-left: 25px; }
  .index-sec1 .index1-box:last-child { padding-left: 40px; }
  .index-sec2 { padding-top: 50px; padding-bottom: 65px; }
  .index-sec3 { padding-top: 60px; padding-bottom: 80px; }
  .index-sec4 { padding-top: 60px; padding-bottom: 70px; }
  .index4-con .right li h4 { height: 30px; -webkit-line-clamp: 1; }
  .product-list li { margin-bottom: 40px; }
  .main .right-list { width: calc(100% - 222px); }
  .public-banner { position: relative; height: 220px; overflow: hidden; }
  .public-banner img { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); height: 220px; max-width: none; } }
@media screen and (max-width: 1024px) { .menu-btn { display: block; }
  .logo-nav { height: 80px; }
  .logo-nav .logo a { height: 48px; }
  .logo-nav nav { position: fixed; z-index: 10; top: 120px; left: 0; width: 100%; border-top: 1px solid #ddd; transform: translate(-100%, 0); transition: all .5s; max-height: calc(100% - 120px); }
  .logo-nav .nav-ul { justify-content: center; -webkit-justify-content: center; background: #fff; }
  .index-sec3 { padding-top: 35px; padding-bottom: 45px; }
  .index3-con { margin-top: 30px; }
  .index4-con { margin-top: 35px; }
  .product-list li { margin-bottom: 30px; }
  .product .page { margin-top: 20px; }
  .product-list li .img-wrapper img { padding: 15px; }
  .about { padding-top: 45px; padding-bottom: 45px; }
  .about .left { padding-top: 0; }
  .about .left p { margin-top: 22px; }
  .about-sec2 { margin-top: 40px; }
  .news-details { padding-top: 38px; padding-bottom: 40px; }
  .news-details .prev-next { margin-top: 30px; }
  .news-details .prev-next li { line-height: 26px; } }
@media screen and (max-width: 992px) { .index-h3 { font-size: 32px; }
  .index-sec5 { padding-top: 36px; padding-bottom: 50px; }
  .index5-con { margin-top: 35px; }
  .index-banner .swiper-slide { height: 340px; overflow: hidden; }
  .index-banner .swiper-slide img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 340px; max-width: none; }
  .index-banner .text-box .text { font-size: 26px; line-height: 40px; }
  .index-sec1 .index1-box { padding: 20px 0; }
  .index-sec1 .index1-box:nth-child(2) { padding: 0 30px; }
  .index-sec1 .index1-box:first-child { padding-left: 15px; }
  .index-sec1 .index1-box:last-child { padding-left: 30px; }
  .index2-con { margin-top: 28px; }
  .index3-con .text { font-size: 22px; }
  .index-sec4 { padding-top: 35px; padding-bottom: 50px; }
  .index4-con .right li h4 { margin-top: 10px; }
  .index4-con .right li p { margin-top: 14px; }
  .index4-con .right li .arr { margin-top: 16px; }
  .solution { padding-top: 40px; padding-bottom: 55px; }
  .solution .page { margin-top: 40px; }
  .contact { padding-top: 45px; padding-bottom: 50px; }
  #map { margin-top: 40px; height: 390px; }
  .download { padding-top: 30px; padding-bottom: 45px; }
  .download .page { margin-top: 40px; }
  .resource { padding-top: 45px; padding-bottom: 45px; }
  .msg { padding-top: 40px; padding-bottom: 45px; } }
@media screen and (max-width: 768px) { .go-top { display: none; }
  .index-h3 { font-size: 26px; }
  .footer-top { display: none; }
  .footer-bottom { border-top: 1px solid #e1e1e1; }
  .header-top .wide { justify-content: center; -webkit-justify-content: center; }
  .header-top .wide p { display: none; }
  .logo-nav nav { overflow-y: auto; }
  .logo-nav .nav-ul { line-height: 46px; padding: 14px 15px; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; -webkit-justify-content: flex-start; }
  .logo-nav .nav-ul .nav-li { margin-right: 0; width: 100%; }
  .logo-nav .nav-ul .nav-li:hover .hide-sub-ul { transform: translate(0, 0); }
  .logo-nav .nav-ul .nav-li .iconfont { display: block; position: absolute; right: 0; top: 0; width: 40px; text-align: center; }
  .hide-sub-ul { position: static; visibility: visible; transform: translate(0, 0); opacity: 1; }
  .sub-header-ul { display: block; box-shadow: 0 4px 6px -4px #ddd; display: none; }
  .sub-header-ul::after { content: ""; display: block; clear: both; overflow: hidden; }
  .sub-header-ul::before { display: none; }
  .sub-header-ul:not(.sub-product-ul) li { width: 100%; text-align: left; }
  .sub-header-ul:not(.sub-product-ul) li h4 { display: none; }
  .sub-header-ul li { padding: 10px 15px; }
  .sub-product-ul li { float: left; }
  .index-banner .text-box { width: 85%; }
  .index-banner .text-box .text { font-size: 24px; }
  .index-sec1 .wide { flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  .index-sec1 .index1-box { width: 50%; }
  .index-sec1 .index1-box:nth-child(2) { padding: 0 30px; }
  .index-sec1 .index1-box:nth-child(2)::after { display: none; }
  .index-sec1 .index1-box:first-child { padding-left: 15px; }
  .index-sec1 .index1-box:last-child { position: relative; width: 100%; padding-left: 30px; }
  .index-sec1 .index1-box:last-child::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #189eee; border-bottom: 1px solid #016aa9; }
  .index-sec2 { padding-top: 35px; padding-bottom: 45px; }
  .index2-con li .text { font-size: 18px; line-height: 48px; }
  .index3-con .text { font-size: 18px; }
  .index3-con .text p { bottom: 14px; }
  .index3-con .img1 { margin-right: 1%; }
  .index3-con .img1, .index3-con .img2, .index3-con .img3 { width: 49.5%; }
  .index3-con .img3 { margin-left: 0; margin-top: .4%; }
  .index3-con .img4 { margin-top: .8%; width: 100%; }
  .index-sec4 { padding-bottom: 25px; }
  .index4-con { flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  .index4-con .left { width: 100%; display: flex; display: -webkit-flex; }
  .index4-con .left .img { width: 50%; }
  .index4-con .left .img:first-child { margin-bottom: 0; }
  .index4-con .right { margin-top: 10px; width: 100%; }
  .index4-con .right li { margin-bottom: 20px; }
  .index4-con .right li .arr { margin-top: 14px; }
  .index4-con .right li p { height: 48px; -webkit-line-clamp: 2; }
  .bread-nav .right { display: none; }
  .main { padding-bottom: 40px; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  .main .right-list { width: 100%; }
  .left-nav { position: fixed; top: 35%; transform: translate(-207px, 0); z-index: 7; }
  .left-nav .left-nav-ul { background: #fff; }
  .pull { display: block; }
  .page { display: none; }
  .loading { display: block; }
  .product-list li { margin-right: 3%; width: 48.5%; }
  .product-list li:nth-child(3n) { margin-right: 3%; }
  .product-list li:nth-child(2n) { margin-right: 0; }
  .product-details-top { margin-top: 0; }
  .about-sec2 .index1-box:last-child::before { border: none; background: #dedede; }
  .case { padding-bottom: 45px; }
  .case article { line-height: 24px; }
  .contact-ul li { padding: 20px 15px; }
  .news-details .details-title h1 { font-size: 22px; }
  .news-details .details-con { line-height: 26px; }

  .phone-menu{
    display: block;
  }
  body{
    padding-bottom: 60px;
  }
  .know-more{
    display: block;
  }
  .h5-hide{
    display: block;
  }
}
@media screen and (max-width: 640px) { .index-h3 { font-size: 24px; }
  .index2-con li { margin-bottom: 20px; width: 50%; }
  .index-sec2 { padding-bottom: 25px; }
  .index4-con .left .text { padding: 0 30px; }
  .about .right-img { margin-left: 0; float: none; margin-bottom: 20px; width: 100%; text-align: center; }
  .about .left h1 { font-size: 22px; }
  .about .left p { margin-top: 18px; line-height: 26px; }
  .contact-ul { flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  .contact-ul li { margin-bottom: 20px; width: 49%; }
  .contact-ul li:nth-child(2n) { margin-right: 0; }
  #map { margin-top: 25px; height: 300px; }
  .news-list li { margin-bottom: 30px; }
  .news-list li .img-wrapper { padding-top: 24.8%; width: 40%; height: 0; }
  .news-list li .text { padding: 0 20px; width: 60%; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-content: center; -webkit-align-content: center; }
  .news-list li .text h4, .news-list li .text p, .news-list li .text .time-more { width: 100%; }
  .news-details .details-title h1 { font-size: 20px; }
  .news-details .details-con { margin-top: 30px; } }
@media screen and (max-width: 580px) { .footer-bottom .wide { justify-content: center; -webkit-justify-content: center; }
  .footer-bottom .copyright { text-align: center; }
  .index-sec1 .index1-box { width: 100%; }
  .index-sec1 .index1-box:nth-child(2) { padding: 20px 30px; }
  .index-sec1 .index1-box:nth-child(2)::before { top: 0; left: 0; width: 100%; height: 1px; background: #189eee; border-bottom: 1px solid #016aa9; }
  .index-sec1 .index1-box:first-child, .index-sec1 .index1-box:last-child { padding: 20px 30px; }
  .index-sec1 .index1-box .img { width: 59px; text-align: center; }
  .product-details-top .show-img { position: relative; padding-top: 100%; height: 0; width: 100%; }
  .product-details-top .show-img img { padding: 15px; }
  .product-details-top .small-img { width: 100%; }
  .product-details-top .small-img .swiper-button-black { display: none; }
  .about-sec2 .index1-box:nth-child(2)::before { border: none; background: #dedede; }
  .news-list li .text h4 { font-size: 18px; }
  .news-list li .text p { margin-top: 10px; }
  .news-list li .text .time-more { margin-top: 20px; }
  .resource-table .hide-job { padding: 30px; }
  .msg-form .input-box input { width: 100%; }
  .msg-form .input-box textarea { width: 100%; }
  .msg-form .input-box .attention { margin-left: 0; line-height: normal; margin-top: 5px; } }
@media screen and (max-width: 480px) { .product-details-top .small-img { padding: 0; }
  .news-list li .text .time-more { display: none; }
  .download-con .download-box a { padding: 18px 0; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  .download-con .left { width: 100%; max-width: none; }
  .download-con .left .file-msg { margin-top: 8px; }
  .download-con .right { margin-top: 10px; width: 100%; text-align: left; }
  .resource-form .form-box { flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  .resource-form .form-box input, .resource-form .form-box select { flex: none; width: 49%; height: 45px; }
  .resource-form .form-box select { margin: 0; margin-left: 2%; }
  .resource-form .form-box button { margin-top: 20px; height: 40px; }
  .resource-table .thead { padding-right: 0; }
  .resource-table .tbody .tr { padding-right: 0; }
  .resource-table .tbody .tr .iconfont { display: none; }
  .resource-table .hide-job { padding: 20px; } }
@media screen and (max-width: 425px) { .footer-bottom .copyright a { margin-left: 0; }
  .sub-product-ul li { width: auto; }
  .index-banner .text-box .text { font-size: 20px; line-height: 34px; }
  .index-sec1 .index1-box:nth-child(2), .index-sec1 .index1-box:first-child, .index-sec1 .index1-box:last-child { padding: 20px 15px; }
  .index2-con li { width: 100%; }
  .index3-con .text { font-size: 16px; }
  .index4-con .left { flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  .index4-con .left .img { width: 100%; }
  .index4-con .left .img:nth-child(2) { display: none; }
  .index4-con .right::after { display: none; }
  .index4-con .right li { width: 100%; }
  .index4-con .right li:nth-child(4) { display: none; }
  .header-top .search-language .search { margin-right: 14px; }
  .qa-box { padding: 24px 15px; }
  .download-con .download-box { padding: 0; }
  .msg-form { padding-left: 70px; }
  .msg-form .input-box { margin-bottom: 20px; }
  .msg-form .input-box .title { font-size: 14px; } }
@media screen and (max-width: 375px) { .header-top .search-language .search { width: calc(100% - 132px); }
  .contact-ul li { margin-right: 0; width: 100%; }
  .news-list li { margin-bottom: 20px; }
  .news-list li .text h4 { font-size: 16px; }
  .news-list li .text p { margin-top: 8px; }
  .news-details .details-title .details-msg span { margin-bottom: 5px; }
  .news-details .details-title .details-msg span:nth-child(2) { margin-right: 0; } }