@media (max-width: 1680px) {
    .tp-content{
        width: 70%;
    }
}
@media (max-width: 1600px) {
    .tp-website .box-link {
        padding: 30px 30px;
    }
    .tp-website .tp-service__link .link-a {
        height: 40px;
        width: 40px;
    }

    .tp-header-2__area {
        padding: 0 60px;
    }

    .tp-header-2__main-menu>nav>ul>li>a {
        padding: 32px 0;
        margin: 0;
    }
    .header-sticky-bg-2.header-sticky .tp-header-2__main-menu>nav>ul>li>a,  .header-sticky-bg-2.header-sticky .tp-header-2__main-menu>nav>ul>li>span{
        padding: 32px 0;
    }

    .tech-top-title-swiper {
        font-size: 42px;
    }

    .tech-top-content-box img {
        height: 40px;
    }

    .inner-project-brand img {
        height: 32px;
    }

    .tp-integration-slider-item img {
        height: 86px;
    }

    .tp-section-title {
        font-size: 42px;
    }

    .tp-service__section-box p {
        font-size: 15px;
    }

    .tp-home-serve-left-desc {
        font-size: 15px;
    }

    .tp-service__content p {
        font-size: 15px;
    }

    .tp-payment__content a {
        font-size: 15px;
    }

    .tp-payment__content p {
        font-size: 15px;
    }

    .tp-project__title-box p {
        font-size: 15px;
    }

    .tp-project__title-sm {
        font-size: 24px;
    }

    .tp-header-2__main-menu>nav>ul>li>.submenu {
        padding: 35px 60px 30px;
    }

    .sub-title {
        margin-bottom: 12px;
    }

    .sub-main-img {
        max-width: 60%;
    }

    .inner-project-item {
        margin-bottom: 50px;
    }

    .inner-project-box {
        padding: 0 10px;
        margin-top: 0;
    }
    
    .tp-popup-title{
        font-size: 16px;
    }
    .tp-popup-phone-box{font-size: 24px;}
    .tp-popup-text{font-size: 24px;}
    .tp-popup-tips{font-size: 16px;}
    .tp-popup-phone-title{font-size: 12px;}
    .tp-popup-phone{font-size: 14px;}
    .tp-popup-phone i,.postbox__btn-submit{font-size: 16px;}
    .postbox__comment-title{font-size: 18px;}
    .postbox__comment-input,.postbox__comment-label,.postbox__comment-item input,.postbox__comment-item select {font-size: 14px;}
    .postbox__btn-submit-text{font-size: 10px;}
    .tp-faq-section-box p{
        font-size: 16px;
    }
    
    
    
    
}

@media (max-width: 1400px) {
    .tp-website .tp-service__icon {
        width: 55px;
        height: 55px;
    }
    .tp-website .tp-service__link .link-a {
        height: 35px;
        width: 35px;
    }
    .tp-website .box-link {
        padding: 30px 20px;
    }

    .tp-header-2__area {
        padding: 0 60px;
    }

    .tp-header-2__main-menu>nav>ul>li>a {
        padding: 32px 0;
        margin: 0;
    }

    .header-sticky-bg-2.header-sticky .tp-header-2__main-menu>nav>ul>li>a,  .header-sticky-bg-2.header-sticky .tp-header-2__main-menu>nav>ul>li>span{
        padding: 32px 0;
    }


    .tech-top-title-swiper {
        font-size: 42px;
    }

    .tech-top-content-box img {
        height: 40px;
    }

    .inner-project-brand img {
        height: 32px;
    }

    .tp-integration-slider-item img {
        height: 74px;
    }

    .tp-service__section-box p {
        font-size: 13px;
    }

    .tp-home-serve-left-desc {
        font-size: 13px;
    }

    .tp-service__content p {
        font-size: 13px;
    }

    .tp-payment__content a {
        font-size: 13px;
    }

    .tp-payment__content p {
        font-size: 13px;
    }

    .tp-project__title-box p {
        font-size: 13px;
    }

    .tp-project__title-sm {
        font-size: 24px;
    }

    .tp-header-2__main-menu>nav>ul>li>.submenu {
        padding: 35px 60px 30px;
    }

    .sub-title {
        margin-bottom: 12px;
    }

    .sub-main-img {
        max-width: 60%;
    }

    .inner-project-item {
        margin-bottom: 20px;
    }

    .inner-project-box {
        padding: 0 10px;
        margin-top: 0;
    }
    .tp-section-title{
        font-size: 32px;
    }
    .tp-faq-section-box p{
        font-size: 13px;
    }
    .tp-custom-accordion .accordion-buttons{
        font-size: 18px;
        padding: 24px 20px 24px 0;
    }
    .tp-custom-accordion .accordion-buttons .accordion-btn{
        width: 22px;
        height: 22px;
    }
    .tp-custom-accordion .accordion-body,.app-desc-row{
        font-size: 14px;
    }
    
    .footer-zixun-title-right{
        font-size: 16px;
    }
    .tp-section-title-lg{
        font-size: 24px;
    }
    .tp-cta-content p,.footer-zixun-title{
        font-size: 14px;
    }
    .tp-cta-title{
        margin-bottom: 16px;
    }
    .footer-zixun-title{
        margin-top: 28px;
    }
    .footer-zixun-phone1{
        font-size: 28px;
    }
    .footer-zixun-phone-button {
        padding: 4px 16px;
        font-size: 14px;
    }
    .footer-qrcode{
        margin-top: 22px;
    }
    .tp-cta-img2{
        max-width: 80px;
    }
    .postbox__comment-input .inputText{
        height: 38px;
    }
    .postbox__comment-input div{
        margin: 0 15px ;
    }
    .postbox__comment-label-top select{
        height: 38px;
    }
    .submit-btn{
        height: 38px;
        line-height: 38px;
        font-size: 14px;
    }
    .tp-feature-five-icon{
        width: 65px;
        height: 65px;
        line-height: 65px;
    }
    .tp-feature-five-icon i{
        font-size: 64px;
    }
    .tp-feature-five-item{
        padding: 16px;
    }
    .tp-feature-five-title-sm{
        font-size: 16px;
        line-height: 1.5;
    }
    .tp-feature-five-wrapper-main{
        padding-bottom: 35px;
    }
    .tp-feature-five-content p{
        font-size: 12px;
        height: 115px;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .xxgy{
        font-size: 20px;
        line-height: 1.5;
    }
    .poster-item{
        height: 35%;
    }
    .poster-item img{
        width: 22px;
        transform: translateY(5px);
    }
    .poster-item .say{
        font-size: 14px;
    }
    .m2whlst li{
        height: 455px;
    }
    .m2whDes strong{
        font-size: 24px;
    }
    .m2whDes p{
        font-size: 14px;
    }
    .tp-about__section-box p{
        font-size: 14px;
    }
    .peculiarity-item{
        padding: 22px;
        border-radius: 16px;
    }
    .peculiarity-item svg{
        font-size: 55px !important;
    }
    .peculiarity-title{
        margin: 8px 0 10px;
        font-size: 18px;
    }
    .peculiarity-info{
        font-size: 14px;
    }
    .about_app_section .about_text .app_statstic li{
        width: 200px;
    }
    .about_app_section .about_text .app_statstic li .icon{
        width: 42px;
        height: 42px;
    }
    .section_title h2{
        font-size: 28px;
    }
    .section_title p,.tp-price__section-box p{
        font-size: 14px;
    }
    .about_app_section .about_text .app_statstic li p{
        font-size: 12px;
    }
    .about_app_section .about_text .app_statstic li p:first-child{
        font-size: 22px;
    }
    .modern_ui_section .design_block li h4{
        font-size: 16px;
    }
    .modern_ui_section .design_block li p{
        font-size: 12px;
    }
    .profit-item{
        border-radius: 22px;
        padding-bottom: 0;
    }
    .profit-center{
        padding: 16px 0 5px;
        margin: 0 32px;
    }
    .profit-title{
        font-size: 18px;
    }
    .profit-number{
        font-size: 42px;
    }
    .profit-info {
        font-size: 14px;
        padding-top: 16px;
        margin: 0 32px;
    }
    .interface_section .screen_slider{
        min-height: 520px;
    }
}

@media (max-width: 1000px) {
    .tp-header-2__area {
        padding: 15px 60px;
    }
}

@media (max-width: 1200px) {
    .tp-website .row>div:nth-child(3) .box-cent{
        margin-top: 30px;
    }
}

@media (max-width: 992px) {}

@media (max-width: 768px) {
    .tp-website .box-cent.box-cent-one {
        height: auto;
        margin-bottom: 30px;
    }
    .tp-website .box-cent-one .box-link {
        flex-direction: initial;
        align-items: self-end;
    }

    .tp-custom-accordion .accordion-buttons{
        font-size: 14px;
    }
    .tp-header-2__area {
        padding: 15px 0;
    }


    .tp-service__area {
        padding: 32px 0;
    }

    .tp-project__slider-wrapper {
        padding: 16px 0;
    }

    .home-banner {
        /* height: auto !important; */
    }
    .home-banner img{
        height: 100%;
        object-fit: cover;
    }

    .home-banner .tech-video video {
        height: 100% !important;
    }

    .tp-footer__social-3 {
        display: flex;
        justify-content: center;
    }

    .tp-footer__tp-border-bottom {
        padding-bottom: 0;
    }
    .tp-copyright__area{
        padding: 16px 0 21px;
        text-align: center;
    }
    .tp-copyright__text{
        margin: 0 auto;
    }
    .footer-widget-3 .tp-footer__contact-info ul li a.first-child{
        font-size: 22px;
    }
    .tp-footer__contact-info img{
        width: 18px;
        height: 18px;
    }
    .footer-widget-3 .tp-footer__contact-info ul li a{
        font-size: 13px;
    }
    .portfolio-area{
        padding: 32px 0;
    }
    .tp-project__area{
        padding: 32px 0;
    }
    .tp-home-serve-box{
        margin-bottom: 15px;
    }
    .portfolio{
        margin: 32px 0;
        padding-bottom: 40px;
    }
    .tp-about__section-box{
        margin-bottom: 0;
    }
    .tech-top-title-swiper{
        font-size: 22px;
    }
    .tech-top-description{
        font-size: 12px;
        margin-bottom: 20px;
    }
    .tech-top-content-box img{
        height: 30px;
        margin-bottom: 16px;
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        width: 16px;
        height: 16px;
    }
    .home-banner .tp-btn-yellow{
        height: 32px;
        line-height: 32px;
        font-size: 13px;
    }
    .tp-section-title{
        font-size: 24px;
    }
    .tp-service__section-box p{
        font-size: 12px;
    }
    .tp-project__title-sm{
        font-size: 16px;
    }
    .tp-choose-box{
        margin: 232px 0 32px;
    }
    .tp-choose-right-title{
        font-size: 24px;
        margin-top: 32px;
        margin-bottom: 20px;
    }
    .tp-choose-right-item-name{
        font-size: 16px;
    }
    .tp-choose-right-item{
        font-size: 14px;
        margin-bottom: 16px;
    }
    .about-business{
        padding: 0 0 32px;
    }
    .tp-rank__area{
        padding-top: 0;
    }
    .journey-area{
        padding: 32px 0;
    }
    .tech-video video{
        object-position: 83% center;
    }
    .tp-integration-area{
        margin-top: 35px;
    }
    .tp-popup{display: none !important;}
    .profit-item{
        padding-bottom: 16px;
        margin-bottom: 15px;
    }
    .tp-footer__contact-info ul li span{
        font-size: 14px !important;
    }

    .tp-website-case{
        margin-top: 415px;
    }
    .tp-website-banner .tech-top-content {
        height: 83%;
    }
    .tp-website-project .tp-project__meta {
        padding-top: 30px;
    }
    .tp-website-project .tp-project__title-box p {
        padding-bottom: 30px;
        margin-bottom: 20px;
    }
    .tp-website-project .tp-project__content {
        padding: 30px 25px;
    }
}

@media (max-width: 576px) {
    .accordion-button{
        padding: var(--bs-accordion-btn-padding-y) 0;
        
    }
    .tp-footer__contact-info ul li span{
        margin-right: 6px;
    }
    .tp-copyright__text img{
        margin-right: 6px;
        width: 14px;

    }
    .tp-copyright__text span{
        line-height: 2;
    }
    .about-business-list .list-item{
        padding: 16px 20px 23px;
        margin-bottom: 0 !important;
    }
    .tp-home-serve-box,.about-business-list .list-item{
        border-radius: 15px;
    }
    .trans1{
        margin-bottom: 15px;
    }    
    .about-business-list .list-item .item-img{
        margin-bottom: 8px !important;
    }
    .about-business-list .list-item .item-img img{
        width: 42px;
        height: 42px;
    }
    .corpor_public_btm_pc{text-align: center;}
    .corpor_public_btm_pc img{
        width: 80%;
    }
    .cpbu_li_wrap_tit p{
        margin-bottom: 6px;
    }
    .corpor_manage_tit18 p{
        margin-bottom: 0;
    }
    .peculiarity-item svg{
        font-size: 42px !important;
    }
    .news_height {
        height: 400px;
        background-position: left;
    }
}