@media (min-width:1900px) {
  .modal-btn {
    display: none;
  }
  .res-search {
    display: none;
  }
  .container {
    max-width: 1300px !important;
  }
  /* footer */
  .hide-footerr {
    display: none;
  }
}
@media (max-width:1899px) and (min-width:1400px) {
  .modal-btn {
    display: none;
  }
  .res-search {
    display: none;
  }
  /* footer */
  .hide-footerr {
    display: none;
  }
  .footer .fix-btn .btn {
    right: 1.3% !important;
  }
}
@media (max-width:1399px) and (min-width:1200px) {
  .modal-btn {
    display: none;
  }
  .navbar .col-3 {
    width: 20%;
  }
  .navbar .col-6 {
    width: 60%;
  }
  .res-search {
    display: none;
  }
  .service .col-4 {
    padding-left: 3em !important;
  }
  .service2 .col-4 .box {
    height: auto !important;
  }
  .service2 .col-6 .box {
    height: auto !important;
  }
  .service2 .img {
    height: 100% !important;
  }
  .fix-img {
    background-attachment: inherit !important;
  }
  .img-section {
    height: 449px !important;
  }
  .img-section h3 {
    margin-top: 1rem !important;
  }
  .request .part {
    margin-top: -4.6rem !important;
  }
  /* footer */
  .hide-footerr {
    display: none;
  }
  .footer .fix-btn .btn {
    right: 1.3% !important;
  }
  /* blog-page----------------------------------------- */
  .blog-page .blog-sec .col-3 {
    width: 25.3% !important;
  }
  .blog-page .blog-sec .col-9 {
    width: 74.7% !important;
  }
  /* blog-inner-page */
  .blog-inner .blog-img img {
    height: 576px !important;
  }
  /* uncategorized-page----------------------------------------- */
  .uncategorized-page .col-6 .img .inner-img img {
    height: 278px !important;
  }
}
@media (max-width:1199px) and (min-width:1025px) {
  .all-margin {
    margin: 105px 0 !important;
  }
  .all-padding {
    padding: 105px 0 !important;
  }
  .modal-btn {
    display: none;
  }
  .navbar .container-fluid {
    padding: 15px !important;
  }
  .navbar .logo img {
    max-width: 200px !important;
    height: auto !important;
  }
  .navbar .col-3 {
    width: 20%;
  }
  .navbar .col-6 {
    width: 55%;
  }
  .res-search {
    display: none;
  }
  .banner img {
    height: 685px !important;
  }
  /* 关于我们 */
  .about .col-7 {
    width: 100%;
  }
  .about .col-5 {
    width: 100%;
  }
  .about .col-11 {
    width: 100%;
  }
  .service .col-4 {
    padding-left: 3em !important;
  }
  .service1 .container .step .fs-5 {
    font-size: 1rem !important
  }
  .service1 .container .mx-4 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .service1 .container .mx-5 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .service2 .col-4 .box {
    height: auto !important;
  }
  .service2 .col-6 .box {
    height: auto !important;
  }
  .service2 .img {
    height: 100% !important;
  }
  .testimonial .col-12 .box {
    padding: 41px !important;
  }
  .fix-img {
    background-attachment: inherit !important;
  }
  .img-section {
    height: 449px !important;
  }
  .img-section h3 {
    margin-top: 1rem !important;
  }
  .request .part {
    margin-top: -4.6rem !important;
  }
  .request-1 .all-padding {
    padding: 80px 50px 80px 70px !important;
  }
  .request-1 textarea {
    width: 96.5% !important;
  }
  .questions br {
    display: none;
  }
  /* footer */
  .hide-footerr {
    display: none;
  }
  .footer .fix-btn .btn {
    right: 1.5% !important;
  }
  /* blog-page----------------------------------------- */
  .blog-page .blog-sec .pe-5 {
    padding-right: 0px !important;
  }
  .blog-page .blog-sec .col-3 {
    width: 29.7% !important;
  }
  .blog-page .blog-sec .col-9 {
    width: 70.3% !important;
  }
  .blog-page .col-8 img {
    height: 155px !important;
  }
  /* blog-inner-page */
  .blog-inner .blog-img img {
    height: 488px !important;
  }
  .blog-inner .sec br {
    display: none;
  }
  /* uncategorized-page----------------------------------------- */
  .uncategorized-page .col-6 .img .inner-img img {
    height: 234px !important;
  }
}
@media (max-width:1024px) and (min-width:992px) {
  .all-margin {
    margin: 55px 0 !important;
  }
  .all-padding {
    padding: 55px 0 !important;
  }
  h2 {
    font-size: 60px;
    line-height: 70px;
  }
  .navbar .container-fluid {
    padding: 15px 20px !important;
  }
  .navbar-main .col-3.left-side {
    width: 85% !important;
    display: flex;
    justify-content: center;
  }
  .navbar .logo img {
    max-width: 200px !important;
    height: auto !important;
  }
  .navbar-main .col-6 {
    display: none !important;
  }
  .navbar-main .col-3.right-side {
    display: none !important;
  }
  .banner img {
    height: 665px !important;
  }
  /* 关于我们 */
  .about .col-7 {
    width: 100%;
  }
  .about .col-5 {
    width: 100%;
  }
  .about .col-11 {
    width: 100%;
  }
  .service br {
    display: none;
  }
  .service .all-padding {
    padding: 79.5px 0 !important;
  }
  .service .col-4 {
    padding-left: 3em !important;
  }
  .service .col-3 {
    width: 50%;
  }
  .service .col-3.justify-content-start {
    justify-content: center !important;
  }
  .service h2 {
    font-size: 70px !important;
  }
  .service1 .container .step .fs-5 {
    font-size: 1rem !important
  }
  .service1 .container .mx-4 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .service1 .container .mx-5 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .service2 .col-2-1 {
    width: 50%;
  }
  .service2 .col-4 {
    width: 50%;
  }
  .service2 .col-4 .box {
    height: auto !important;
  }
  .service2 .col-6 .box {
    height: auto !important;
  }
  .service2 .col-6 .img img {
    height: 100% !important;
  }
  .service2 .img {
    height: 100% !important;
  }
  .service2 .container .step .step-1 {
    height: 220px !important;
  }
  .testimonial .col-12 .box {
    padding: 41px !important;
  }
  .img-section br {
    display: none;
  }
  .fix-img {
    background-attachment: inherit !important;
  }
  .img-section {
    height: 384px !important;
  }
  .img-section h3 {
    margin-top: 1rem !important;
    padding: 0 2em;
  }
  .request .part {
    margin-top: -4.6rem !important;
    padding: 35px !important;
  }
  .request-1 .part {
    margin-left: -10px !important;
  }
  .request-1 .all-padding {
    padding: 80px 50px 80px 70px !important;
  }
  .request-1 textarea {
    width: 96.5% !important;
  }
  .questions br {
    display: none;
  }
  /* footer */
  .hide-footerr {
    display: none;
  }
  .footer .padding-footer {
    padding: 30px 0 40px !important;
  }
  .footer .col-3 {
    width: 50% !important;
    justify-content: center !important;
    margin-bottom: 1rem;
  }
  .footer .fix-btn .btn {
    right: 1.5% !important;
  }
  /* inner-page-top */
  .top-img, .top-bg {
    min-height: 300px !important;
  }
  .top-text h2 {
    font-size: 50px !important;
    line-height: 60px !important;
  }
  /* price-page ----------------------------------------- */
  .price-page .col-4 {
    width: 50%;
  }
  .price-page .col-4.sec-col {
    transform: translateY(0) !important;
    margin-bottom: 0 !important;
  }
  /* blog-page----------------------------------------- */
  .blog-page .col-4 {
    width: 33%;
  }
  .blog-page .blog-sec .pe-5 {
    padding-right: 0px !important;
  }
  .blog-page .blog-sec .col-3 {
    width: 10.3% !important;
  }
  .blog-page .col-8 {
    width: 100%;
  }
  .blog-page .col-8 img {
    height: 226px !important;
  }
  /* blog-inner-page */
  .blog-inner .blog-img img {
    height: 472px !important;
  }
  /* uncategorized-page----------------------------------------- */
  .uncategorized-page .col-6 .img .inner-img img {
    height: 226px !important;
  }
}
@media (max-width:991px) and (min-width:768px) {
  .all-margin {
    margin: 55px 0 !important;
  }
  .all-padding {
    padding: 55px 0 !important;
  }
  h2 {
    font-size: 60px;
    line-height: 70px;
    margin: 1.6rem 0 2rem;
  }
  .navbar .container-fluid {
    padding: 15px 20px !important;
  }
  .navbar-main .col-3.left-side {
    width: 85%;
    display: flex;
    justify-content: center;
  }
  .navbar .logo img {
    max-width: 200px !important;
    height: auto !important;
  }
  .navbar-main .col-6 {
    display: none !important;
  }
  .navbar-main .col-3.right-side {
    display: none !important;
  }
  .banner img {
    height: 512px !important;
  }
  .service .all-padding {
    padding: 79.5px 0 !important;
  }
  .service .col-4 {
    width: 100%;
    padding-left: 12px !important;
    display: grid;
    justify-content: center;
    text-align: center;
  }
  .service .col-3 {
    width: 50%;
  }
  .service .col-3.justify-content-start {
    justify-content: center !important;
  }
  .service h2 {
    font-size: 70px !important;
  }
  /* 产品领域*/
  .faq-page {
    margin-top: -30px;
  }
  .accordion-item .my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
  }
  .service1 .container .step {
    flex-wrap: wrap;
  }
  .service1 .container .step .me-3 {
    margin-right: 1px !important;
  }
  .service1 .container .step .mx-3 {
    margin-right: 1px !important;
    margin-left: 0 !important
  }
  .service1 .container .step .ms-3 {
    margin-left: 0 !important
  }
  .service1 .container .step .step-2 {
    width: 49% !important;
    margin: 0 0 1px;
    height: auto;
  }
  .service1 .container .step .step-3 {
    width: 49% !important;
    margin: 0 0 1px;
    height: auto;
  }
  .service1 .container .step .fs-5 {
    font-size: 1rem !important
  }
  .service1 .d-flex {
    flex-direction: column;
  }
  .service1 .container .p-5 {
    padding: 1rem !important
  }
  .service1 .container .p-4 {
    padding: 1rem !important
  }
  .service1 .container .py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }
  .service1 .container .px-5 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }
  .service1 .container .mx-5 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .service1 .col-2 {
    width: 100%;
  }
  .service1 .col-2-1 {
    width: 100%;
  }
  .service1 .col-3 {
    width: 100%;
  }
  .service1 .col-4 {
    width: 100%;
  }
  .service1 .col-5 {
    width: 100%;
  }
  .service1 .col-6 {
    width: 100%;
  }
  .service1 .col-7 {
    width: 100%;
  }
  .service1 .col-8 {
    width: 100%;
  }
  .service1 .col-9 {
    width: 100%;
  }
  .service1 .col-10 {
    width: 100%;
  }
  .service1 .height-1 {
    height: auto !important;
  }
  .service1 .height-2 {
    height: auto !important;
  }
  .service1 .height-3 {
    height: auto !important;
  }
  .service1 .height-4 {
    height: auto !important;
  }
  .service1 .height-5 {
    height: auto !important;
  }
  .service2 .col-2-1 {
    width: 50%;
  }
  .service2 .col-4 {
    width: 50%;
  }
  .service2 .col-4 .box {
    height: auto !important;
  }
  .service2 .col-6 .box {
    height: auto !important;
  }
  .service2 .img {
    height: 100% !important;
  }
  .service2 .container .step .step-1 {
    height: 280px !important;
  }
  /* 关于我们 */
  .about .col-7 {
    width: 100%;
  }
  .about .col-5 {
    width: 100%;
  }
  .about .col-11 {
    width: 100%;
  }
  /* 技术服务*/
  .about .row .col-2 {
    width: 33.33333333%;
  }
  .about .col-6 {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 0 12px !important;
  }
  .about .col-6 img {
    margin-bottom: 2rem;
  }
  .about .col-6.ps-6 {
    padding-left: 12px !important;
  }
  .about .col-6 a {
    display: flex;
    justify-content: center;
  }
  .about .col-6 ul li img {
    margin-bottom: 0;
  }
  .service3 .col-3 {
    width: 50%;
    padding: 60px 0px !important;
    display: grid;
    justify-content: center;
    text-align: center;
  }
  .service3 .border-res {
    border: 0;
    border-top: 1px solid #3565a2;
  }
  .service3 .img {
    margin: 0 auto;
  }
  .service3 .btn, button {
    margin: 0 auto;
  }
  .testimonial .col-12 .box {
    padding: 45px !important;
  }
  .img-section br {
    display: none;
  }
  .fix-img {
    background-attachment: inherit !important;
  }
  .img-section {
    height: 384px !important;
  }
  .img-section h3 {
    margin-top: 1rem !important;
    padding: 0 2em;
  }
  .request .part {
    margin-top: -4.6rem !important;
    padding: 35px !important;
  }
  .request-1 .part {
    margin-left: -10px !important;
  }
  .request-1 .all-padding {
    padding: 80px 30px 80px 50px !important;
  }
  .request-1 textarea {
    width: 95.6% !important;
  }
  .questions br {
    display: none;
  }
  .questions .text {
    text-align: center;
  }
  .questions .col-6, .col-8, .faq-page .col-6 {
    width: 100%;
  }
  /* footer */
  .hide-footer {
    display: none !important;
    display: flex;
  }
  .footer .padding-footer {
    padding: 30px 0 0 !important;
  }
  .footer .col-3 {
    width: 100% !important;
    justify-content: center !important;
    margin-bottom: 1rem;
    padding: 0 100px;
  }
  .footer .fix-btn .btn {
    right: 2.2% !important;
  }
  /* inner-page-top */
  .top-img, .top-bg {
    min-height: 300px !important;
  }
  .top-text h2 {
    font-size: 50px !important;
    line-height: 60px !important;
  }
  /* team-page----------------------------------------- */
  .team-page .col-4 {
    width: 50%;
  }
  /* price-page ----------------------------------------- */
  .price-page .col-4 {
    width: 50%;
  }
  .price-page .col-4.sec-col {
    transform: translateY(0) !important;
    margin-bottom: 0 !important;
  }
  /* error-page----------------------------------------- */
  .error-page .img {
    height: 667px !important;
    margin-bottom: 45px !important;
  }
  /* team-about----------------------------------------- */
  .team-about .col-3 {
    width: 50%;
  }
  /* blog-page----------------------------------------- */
  .blog-page .blog-sec .pe-5 {
    padding-right: 0px !important;
  }
  .blog-page .col-4 {
    width: 100%;
  }
  .blog-page .blog-sec .col-3 {
    width: 13.3% !important;
  }
  .blog-page .col-8 {
    width: 100%;
  }
  .blog-page .col-8 img {
    height: 170px !important;
  }
  /* blog-inner-page */
  .blog-inner .blog-img img {
    height: 360px !important;
  }
  .blog-inner h3 {
    line-height: 80px !important;
  }
  .blog-inner .row.sec-row .col-4 {
    width: 100%;
  }
  .blog-inner .row.sec-row .col-8 {
    width: 100%;
  }
  /* uncategorized-page----------------------------------------- */
  .uncategorized-page .col-6 .img .inner-img img {
    height: 170px !important;
  }
  .uncategorized-page .row.my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  /* search-page----------------------------------------- */
  .section .col-4 {
    width: 50%;
  }
  .section .col-4 .img .inner-img img {
    height: 170px !important;
  }
  .section .row.my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  /* contact-page----------------------------------------- */
  .contact-page br {
    display: none;
  }
  .contact-page .col-4.main {
    width: 100%;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between;
  }
  .contact-page .col-4.main .text {
    margin-top: -100px !important;
  }
  .contact-page .col-4.main .col-9 {
    width: 50% !important;
    margin-bottom: 30px;
    margin-top: 0 !important;
  }
  .map iframe {
    height: 650px !important;
  }
}
@media (max-width:767px) and (min-width:576px) {
  .section1 .item .inner h2 {
    font-size: 40px;
  }
  .all-margin {
    margin: 75px 0 !important;
  }
  .all-padding {
    padding: 75px 0 !important;
  }
  h2 {
    font-size: 40px;
    line-height: 50px;
    margin: 1.6rem 0 2rem;
  }
  h3 {
    font-size: 28px !important;
    line-height: 38px !important;
  }
  h4 {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  h5 {
    font-size: 15px !important;
    line-height: 25px !important;
  }
  .navbar .container-fluid {
    padding: 15px 20px !important;
  }
  .navbar-main .col-3.left-side {
    width: 85%;
    display: flex;
    justify-content: center;
  }
  .navbar .logo img {
    max-width: 200px !important;
    height: auto !important;
  }
  .navbar-main .col-6 {
    display: none !important;
  }
  .navbar-main .col-3.right-side {
    display: none !important;
  }
  .banner img {
    height: 385px !important;
  }
  .service br {
    display: none;
  }
  .service .all-padding {
    padding: 79.5px 0 !important;
  }
  .service .col-4 {
    width: 100%;
    padding-left: 12px !important;
    display: grid;
    justify-content: center;
    text-align: center;
  }
  .service .col-3 {
    width: 100%;
  }
  .service .col-3.justify-content-start {
    justify-content: center !important;
  }
  .service h2 {
    font-size: 70px !important;
  }
  /* 产品领域*/
  .faq-page {
    margin-top: -30px;
  }
  .accordion-item .my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
  }
  .service1 .container .step {
    flex-wrap: wrap;
  }
  .service1 .container .step .me-3 {
    margin-right: 1px !important;
  }
  .service1 .container .step .mx-3 {
    margin-right: 1px !important;
    margin-left: 0 !important
  }
  .service1 .container .step .ms-3 {
    margin-left: 0 !important
  }
  .service1 .container .step .step-2 {
    width: 49% !important;
    margin: 0 0 1px;
    height: auto;
  }
  .service1 .container .step .step-3 {
    width: 49% !important;
    margin: 0 0 1px;
    height: auto;
  }
  .service1 .container .step .fs-5 {
    font-size: 1rem !important
  }
  .service1 .d-flex {
    flex-direction: column;
  }
  .service1 .container .p-5 {
    padding: 1rem !important
  }
  .service1 .container .p-4 {
    padding: 1rem !important
  }
  .service1 .container .py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }
  .service1 .container .px-5 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }
  .service1 .container .mx-5 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .service1 .writing-mode {
    writing-mode: horizontal-tb !important;
  }
  .service1 .col-2 {
    width: 100%;
  }
  .service1 .col-2-1 {
    width: 100%;
  }
  .service1 .col-3 {
    width: 100%;
  }
  .service1 .col-4 {
    width: 100%;
  }
  .service1 .col-5 {
    width: 100%;
  }
  .service1 .col-6 {
    width: 100%;
  }
  .service1 .col-7 {
    width: 100%;
  }
  .service1 .col-8 {
    width: 100%;
  }
  .service1 .col-9 {
    width: 100%;
  }
  .service1 .col-10 {
    width: 100%;
  }
  .service1 .height-1 {
    height: auto !important;
  }
  .service1 .height-2 {
    height: auto !important;
  }
  .service1 .height-3 {
    height: auto !important;
  }
  .service1 .height-4 {
    height: auto !important;
  }
  .service1 .height-5 {
    height: auto !important;
  }
  .service2 .col-2-1 {
    width: 100%;
  }
  .service2 .col-4 {
    width: 100%;
  }
  .service2 .col-6 {
    width: 100%;
  }
  .service2 .col-6 .img img {
    height: 100% !important;
  }
  .service2 .col-4 .box {
    height: auto !important;
  }
  .service2 .col-6 .box {
    height: auto !important;
  }
  .service2 .container .step {
    flex-direction: column !important;
  }
  .service2 .container .step .step-1 {
    width: 100% !important;
    height: auto !important;
    margin: 15px 0 !important;
  }
  .service2 .container .step .step-1:first-child {
    margin: 0 0 15px !important;
  }
  .service2 .container .step .step-1:last-child {
    margin: 15px 0 0 !important;
  }
  .service2 .img {
    height: 100% !important;
  }
  /* 关于我们 */
  .about .col-7 {
    width: 100%;
  }
  .about .col-5 {
    width: 100%;
  }
  .about .col-11 {
    width: 100%;
  }
  /* 技术服务*/
  .about .row .col-2 {
    width: 50%;
  }
  .about .col-6 {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 0 12px !important;
  }
  .about .col-6 img {
    margin-bottom: 2rem;
  }
  .about .col-6.ps-6 {
    padding-left: 12px !important;
  }
  .about .col-6 a {
    display: flex;
    justify-content: center;
  }
  .about .col-6 ul li img {
    margin-bottom: 0;
  }
  .service3 .col-3 {
    width: 50%;
    padding: 60px 0px !important;
    display: grid;
    justify-content: center;
    text-align: center;
  }
  .service3 .border-res {
    border: 0;
    border-top: 1px solid #3565a2;
  }
  .service3 .img {
    margin: 0 auto;
  }
  .service3 .btn, button {
    margin: 0 auto;
  }
  .testimonial .col-12 .box {
    padding: 35px !important;
  }
  .img-section br {
    display: none;
  }
  .fix-img {
    background-attachment: inherit !important;
  }
  .img-section {
    height: 269px !important;
  }
  .img-section h3 {
    margin-top: 1rem !important;
    padding: 0 2em;
  }
  .request .part {
    margin-top: -2.6rem !important;
    padding: 25px !important;
  }
  .request-1 .part {
    margin-left: -10px !important;
  }
  .request-1 .part .text-up {
    margin-left: -20px !important;
  }
  .request-1 .all-padding {
    padding: 50px 20px 50px 45px !important;
  }
  .request-1 textarea {
    width: 94% !important;
  }
  .request-1 .button {
    margin-left: -10px !important;
  }
  .request .col-6 {
    width: 100%;
  }
  .questions br {
    display: none;
  }
  .questions .text {
    text-align: center;
  }
  .questions .col-6, .col-8, .faq-page .col-6 {
    width: 100%;
  }
  .questions h4 button, .faq-page h4 button {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  /* footer */
  .hide-footer {
    display: none !important;
  }
  .footer br {
    display: none;
  }
  .footer .padding-footer {
    padding: 30px 10px 40px !important;
  }
  .footer .col-3 {
    width: 100%;
    padding: 0 50px;
  }
  .footer .fix-btn .btn {
    right: 2.5% !important;
  }
  /* inner-page-top */
  .top-img, .top-bg {
    min-height: 200px !important;
  }
  .top-text h2 {
    font-size: 30px !important;
    line-height: 40px !important;
    margin-bottom: 10px !important;
  }
  /* team-page----------------------------------------- */
  .team-page .col-4 {
    width: 50%;
  }
  /* price-page ----------------------------------------- */
  .price-page .col-4 {
    width: 100%;
  }
  .price-page .col-4.sec-col {
    transform: translateY(0) !important;
    margin-bottom: 0 !important;
  }
  .price-page .col-4 h3 {
    font-size: 55px !important;
    line-height: 65px !important;
  }
  /* error-page----------------------------------------- */
  .error-page .img {
    width: 528px !important;
    height: 490px !important;
  }
  /* team-about----------------------------------------- */
  .team-about .col-3 {
    width: 50%;
  }
  /* blog-page----------------------------------------- */
  .blog-page h4 {
    padding-right: 0rem !important;
  }
  .blog-page .blog-sec .pe-5 {
    padding-right: 0px !important;
  }
  .blog-page .col-3 {
    width: 18% !important;
  }
  .blog-page .col-4 {
    width: 100%;
  }
  .blog-page .col-8 {
    width: 100%;
  }
  .blog-page .col-8 .row.my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .blog-page .col-8 img {
    height: 122px !important;
    width: 100%;
  }
  /* blog-inner-page */
  .blog-inner .blog-img img {
    height: 264px !important;
  }
  .blog-inner h3 {
    font-size: 26px !important;
    line-height: 36px !important;
    margin-bottom: 1rem !important;
  }
  .blog-inner .row .col-4 {
    width: 50%;
  }
  .blog-inner .row .col-4.full {
    width: 100%;
  }
  .blog-inner .row .col-6 {
    width: 100%;
  }
  .blog-inner .row.sec-row .col-4 {
    width: 100%;
  }
  .blog-inner .row.sec-row .col-8 {
    width: 100%;
  }
  .reply form .col-4 {
    width: 100%;
  }
  .reply form .col-4.px-4 {
    padding: 1.5rem 0 !important;
  }
  /* uncategorized-page----------------------------------------- */
  .uncategorized-page .col-6 .img .inner-img img {
    height: 122px !important;
  }
  .uncategorized-page .row.my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  /* search-page----------------------------------------- */
  .section .col-4 {
    width: 50%;
  }
  .section .col-4 .img .inner-img img {
    height: 122px !important;
  }
  .section .row.my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  /* contact-page----------------------------------------- */
  .contact-page br {
    display: none;
  }
  .contact-page .col-4.main {
    width: 100%;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between;
  }
  .contact-page .col-4.main .text {
    margin-top: -50px !important;
  }
  .contact-page .col-4.main .col-9 {
    width: 50% !important;
    margin-bottom: 30px;
    margin-left: 20px;
    margin-top: 0 !important;
  }
  .map iframe {
    height: 350px !important;
  }
}
@media (max-width:575px) and (min-width:320px) {
  .section1 .index_banner .item .inner {
    margin-top: -4rem
  }
  .section1 .item .inner h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .container {
    padding: 0 1.5rem;
  }
  .all-margin {
    margin: 55px 0 !important;
  }
  .all-padding {
    padding: 55px 0 !important;
  }
  h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 0.6rem 0 1rem;
  }
  h3 {
    font-size: 30px !important;
    line-height: 40px !important;
  }
  h4 {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  h5 {
    font-size: 15px !important;
    line-height: 25px !important;
  }
  .navbar .container-fluid {
    padding: 15px 20px !important;
  }
  .navbar-main .col-3.left-side {
    width: 85%;
    display: flex;
    justify-content: center;
  }
  .navbar .logo img {
    max-width: 200px !important;
    height: auto !important;
  }
  .navbar-main .col-6 {
    display: none !important;
  }
  .navbar-main .col-3.right-side {
    display: none !important;
  }
  .banner img {
    height: 280px !important;
  }
  .banner .btn {
    width: 100px !important;
    height: 35px !important;
  }
  .banner .owl-nav {
    padding: 0px .2rem !important;
  }
  .banner .owl-nav span {
    padding: 0px 12px !important;
  }
  .service br {
    display: none;
  }
  .service .all-padding {
    padding: 79.5px 0 !important;
  }
  .service .col-4 {
    width: 100%;
    padding-left: 12px !important;
    display: grid;
    justify-content: center;
    text-align: center;
  }
  .service .col-3 {
    width: 100%;
  }
  .service .col-3.justify-content-start {
    justify-content: center !important;
  }
  .service h2 {
    font-size: 70px !important;
  }
  /* 产品领域*/
  .faq-page {
    margin-top: -30px;
  }
  .accordion-item .my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
  }
  .service1 .container .step {
    flex-wrap: wrap;
  }
  .service1 .container .step .me-3 {
    margin-right: 1px !important;
  }
  .service1 .container .step .mx-3 {
    margin-right: 1px !important;
    margin-left: 0 !important
  }
  .service1 .container .step .ms-3 {
    margin-left: 0 !important
  }
  .service1 .container .step .step-2 {
    width: 49% !important;
    margin: 0 0 1px;
    height: auto;
  }
  .service1 .container .step .step-3 {
    width: 49% !important;
    margin: 0 0 1px;
    height: auto;
  }
  .service1 .container .step .fs-5 {
    font-size: 1rem !important
  }
  .service1 .d-flex {
    flex-direction: column;
  }
  .service1 .container .p-5 {
    padding: 1rem !important
  }
  .service1 .container .p-4 {
    padding: 1rem !important
  }
  .service1 .container .py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }
  .service1 .container .px-5 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }
  .service1 .container .mx-5 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .service1 .writing-mode {
    writing-mode: horizontal-tb !important;
  }
  .service1 .col-2 {
    width: 100%;
  }
  .service1 .col-2-1 {
    width: 100%;
  }
  .service1 .col-3 {
    width: 100%;
  }
  .service1 .col-4 {
    width: 100%;
  }
  .service1 .col-5 {
    width: 100%;
  }
  .service1 .col-6 {
    width: 100%;
  }
  .service1 .col-7 {
    width: 100%;
  }
  .service1 .col-8 {
    width: 100%;
  }
  .service1 .col-9 {
    width: 100%;
  }
  .service1 .col-10 {
    width: 100%;
  }
  .service1 .height-1 {
    height: auto !important;
  }
  .service1 .height-2 {
    height: auto !important;
  }
  .service1 .height-3 {
    height: auto !important;
  }
  .service1 .height-4 {
    height: auto !important;
  }
  .service1 .height-5 {
    height: auto !important;
  }
  .service2 .col-2-1 {
    width: 100%;
  }
  .service2 .col-2-2 {
    width: 100%;
  }
  .service2 .col-4 {
    width: 100%;
  }
  .service2 .col-6 {
    width: 100%;
  }
  .service2 .col-6 .img img {
    height: 100% !important;
  }
  .service2 .col-4 .box {
    height: auto !important;
  }
  .service2 .col-6 .box {
    height: auto !important;
  }
  .service2 .container .step {
    flex-direction: column !important;
  }
  .service2 .container .step .step-1 {
    width: 100% !important;
    height: auto !important;
    margin: 15px 0 !important;
  }
  .service2 .container .step .step-1:first-child {
    margin: 0 0 15px !important;
  }
  .service2 .container .step .step-1:last-child {
    margin: 15px 0 0 !important;
  }
  .service2 .img {
    height: 100% !important;
  }
  /* 关于我们 */
  .about .col-7 {
    width: 100%;
  }
  .about .col-5 {
    width: 100%;
  }
  .about .col-11 {
    width: 100%;
  }
  /* 技术服务*/
  .about .row .col-2 {
    width: 100%;
  }
  .about .col-6 {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 0 12px !important;
  }
  .about .col-6 img {
    margin-bottom: 2rem;
  }
  .about .col-6.ps-6 {
    padding-left: 12px !important;
  }
  .about .col-6 a {
    display: flex;
    justify-content: center;
  }
  .about .col-6 ul li img {
    margin-bottom: 0;
  }
  .service3 .col-3 {
    width: 100%;
    padding: 30px 0px !important;
    display: grid;
    justify-content: center;
    text-align: center;
  }
  .service3 .border-end {
    border-right: 0 !important;
  }
  .service3 .border-res, .service3 .border-res2 {
    border: 0;
    border-top: 1px solid #3565a2;
  }
  .service3 .img {
    margin: 0 auto;
  }
  .service3 .btn, button {
    margin: 0 auto;
  }
  .testimonial .col-12 .box {
    padding: 30px !important;
  }
  .img-section br {
    display: none;
  }
  .fix-img {
    background-attachment: inherit !important;
  }
  .img-section {
    height: 333px !important;
  }
  .img-section h3 {
    margin-top: 1rem !important;
    padding: 0 1em;
  }
  .request .part {
    margin-top: -2.6rem !important;
    padding: 25px !important;
  }
  .request-1 .part {
    margin-left: -5px !important;
  }
  .request-1 .part .text-up {
    margin-left: -20px !important;
  }
  .request-1 .all-padding {
    padding: 50px 20px 50px 45px !important;
  }
  .request-1 textarea {
    width: 90.5% !important;
  }
  .request-1 .button {
    margin-left: -10px !important;
  }
  .request .col-6 {
    width: 100%;
  }
  .request-1 .col-6 {
    width: 100%;
  }
  .questions br {
    display: none;
  }
  .questions .text {
    text-align: center;
  }
  .questions .col-6, .col-8, .faq-page .col-6 {
    width: 100%;
  }
  .questions h4 button, .faq-page h4 button {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  /* footer */
  .hide-footer {
    display: none !important;
  }
  .footer br {
    display: none;
  }
  .footer .padding-footer {
    padding: 30px 22px 40px !important;
  }
  .footer .col-3 {
    width: 100% !important;
  }
  .footer .fix-btn .btn {
    right: 4.5% !important;
  }
  /* inner-page-top */
  .top-img, .top-bg {
    min-height: 200px !important;
  }
  .top-text h2 {
    font-size: 30px !important;
    line-height: 40px !important;
    margin-bottom: 10px !important;
  }
  /* team-page----------------------------------------- */
  .team-page .col-4 {
    width: 100%;
  }
  /* price-page ----------------------------------------- */
  .price-page .col-4 {
    width: 100%;
  }
  .price-page .col-4.sec-col {
    transform: translateY(0) !important;
    margin-bottom: 0 !important;
  }
  .price-page .col-4 h3 {
    font-size: 55px !important;
    line-height: 65px !important;
  }
  /* error-page----------------------------------------- */
  .error-page .img {
    width: 272px !important;
    height: 252px !important;
  }
  /* team-about----------------------------------------- */
  .team-about .col-3 {
    width: 100%;
  }
  /* blog-page----------------------------------------- */
  .blog-page br {
    display: none;
  }
  .blog-page h4 {
    padding-right: 0rem !important;
  }
  .blog-page .blog-sec .pe-5 {
    padding-right: 0px !important;
  }
  .blog-page .col-3 {
    width: 33.5% !important;
  }
  .blog-page .col-9 {
    width: 66.5% !important;
  }
  .blog-page .col-4 {
    width: 100%;
  }
  .blog-page .col-8 {
    width: 100%;
  }
  .blog-page .col-8 .row.my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .blog-page .col-8 img {
    height: 136px !important;
    width: 100%;
  }
  .blog-page .blog-sec .pe-5 {
    padding-right: 0px !important;
  }
  .blog-page .col-10 {
    width: 82.333%;
  }
  /* blog-inner-page */
  .blog-inner .blog-img img {
    height: 200px !important;
  }
  .blog-inner h3 {
    font-size: 26px !important;
    line-height: 36px !important;
    margin-bottom: 1rem !important;
  }
  .blog-inner .row .col-4 {
    width: 50%;
  }
  .blog-inner .row .col-4.full {
    width: 100%;
  }
  .blog-inner .row .col-6 {
    width: 100%;
  }
  .blog-inner .row.sec-row .col-4 {
    width: 100%;
  }
  .blog-inner .row.sec-row .col-8 {
    width: 100%;
  }
  .reply form .col-4 {
    width: 100%;
  }
  .reply form .col-4.px-4 {
    padding: 1.5rem 0 !important;
  }
  /* uncategorized-page----------------------------------------- */
  .uncategorized-page .col-6 {
    width: 100%;
  }
  .uncategorized-page .col-6 .img .inner-img img {
    height: 136px !important;
  }
  .uncategorized-page .row.my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  /* search-page----------------------------------------- */
  .section .col-4 {
    width: 100%;
  }
  .section .col-4 .img .inner-img img {
    height: 136px !important;
  }
  .section .row.my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  /* contact-page----------------------------------------- */
  .contact-page br {
    display: none;
  }
  .contact-page .col-4 {
    width: 100%;
  }
  .contact-page .col-4 .text {
    text-align: center;
  }
  .contact-page .col-4 .text .icon .d-flex {
    justify-content: center;
  }
  .contact-page .col-4.main .col-9 {
    width: 100% !important;
    margin-bottom: 30px;
  }
  .map iframe {
    height: 350px !important;
  }
}