/* 响应式代码 */
/* .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-2_4,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-2_4,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-2_4,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-2_4,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-2_4,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%
} */
.col {
    max-width: 100%;
    min-width: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.col-auto {
    width: auto;
    max-width: 100%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-1 {
    max-width: 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%
}

.col-2 {
    max-width: 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%
}

.col-2_4 {
    max-width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

.col-3 {
    max-width: 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.col-4 {
    max-width: 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%
}

.col-5 {
    max-width: 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%
}

.col-6 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.col-7 {
    max-width: 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%
}

.col-8 {
    max-width: 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%
}

.col-9 {
    max-width: 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
}

.col-10 {
    max-width: 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%
}

.col-11 {
    max-width: 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%
}

.col-12 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media(min-width: 576px) {
    .col-sm {
        max-width: 100%;
        min-width: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .col-sm-auto {
        width: auto;
        max-width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-1 {
        max-width: 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%
    }

    .col-sm-2 {
        max-width: 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%
    }

    .col-sm-2_4 {
        max-width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .col-sm-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .col-sm-4 {
        max-width: 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%
    }

    .col-sm-5 {
        max-width: 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%
    }

    .col-sm-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .col-sm-7 {
        max-width: 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%
    }

    .col-sm-8 {
        max-width: 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%
    }

    .col-sm-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .col-sm-10 {
        max-width: 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%
    }

    .col-sm-11 {
        max-width: 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%
    }

    .col-sm-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media(min-width: 768px) {
    .col-md {
        max-width: 100%;
        min-width: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .col-md-auto {
        width: auto;
        max-width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-1 {
        max-width: 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%
    }

    .col-md-2 {
        max-width: 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%
    }

    .col-md-2_4 {
        max-width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .col-md-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .col-md-4 {
        max-width: 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%
    }

    .col-md-5 {
        max-width: 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%
    }

    .col-md-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .col-md-7 {
        max-width: 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%
    }

    .col-md-8 {
        max-width: 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%
    }

    .col-md-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .col-md-10 {
        max-width: 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%
    }

    .col-md-11 {
        max-width: 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%
    }

    .col-md-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media(min-width: 992px) {
    .col-lg {
        max-width: 100%;
        min-width: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .col-lg-auto {
        width: auto;
        max-width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-lg-1 {
        max-width: 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%
    }

    .col-lg-2 {
        max-width: 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%
    }

    .col-lg-2_4 {
        max-width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .col-lg-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .col-lg-4 {
        max-width: 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%
    }

    .col-lg-5 {
        max-width: 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%
    }

    .col-lg-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .col-lg-7 {
        max-width: 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%
    }

    .col-lg-8 {
        max-width: 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%
    }

    .col-lg-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .col-lg-10 {
        max-width: 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%
    }

    .col-lg-11 {
        max-width: 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%
    }

    .col-lg-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media(min-width: 1200px) {
    .col-xl {
        max-width: 100%;
        min-width: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .col-xl-auto {
        width: auto;
        max-width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-xl-1 {
        max-width: 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%
    }

    .col-xl-2 {
        max-width: 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%
    }

    .col-xl-2_4 {
        max-width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .col-xl-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .col-xl-4 {
        max-width: 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%
    }

    .col-xl-5 {
        max-width: 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%
    }

    .col-xl-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .col-xl-7 {
        max-width: 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%
    }

    .col-xl-8 {
        max-width: 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%
    }

    .col-xl-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .col-xl-10 {
        max-width: 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%
    }

    .col-xl-11 {
        max-width: 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%
    }

    .col-xl-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media (min-width:1200px) {
    header .top_b {
        background-color: transparent !important;
        color: #fff;
        transition: background-color 0.6s;
    }
}

@media (min-width:768px) {
    header .top_b .row .right .header_nav .header_nav_subNav {
        font-size: 14px;
    }

    .banner .mySwiper_banner .text .text-inner .title a {
        font-size: 28px;
    }

    .index_box .title h1,
    .inquiry .title h1 {
        font-size: 32px;
    }

    .inquiry {
        padding: 5vw 0;
    }

    /*.bg {*/
    /*    padding-bottom: 5vw;*/
    /*    padding-top: 5vw;*/
    /*}*/

    .about .right .data ul li .top b {
        font-size: 32px;
    }

    .page5 .com_art .list .row .item {
        padding: .8vw;
    }
    
    .banner .mySwiper_banner .text .text-inner h1{
        font-size: 28px;
    }
    .page_pro_show .box1 .row{
        padding: 0;
    }
    
}

@media (min-width:1200px) {
    header .top_b .row .right .header_nav .header_nav_subNav {
        font-size: 16px;
    }

    .banner .mySwiper_banner .text .text-inner .title a {
        font-size: 2.8vw;
    }

    .index_box .title h1,
    .inquiry .title h1 {
        font-size: 2.6vw;
    }

    .inquiry {
        padding: 10vw 0;
    }

    .bg {
        padding-bottom: 10vw;
        padding-top: 10vw;
    }

    .about .right .data ul li .top b {
        font-size: 48px;
    }

    .page5 .com_art .list .row .item {
        width: 50%;
        flex: 0 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
    }
    .banner .mySwiper_banner .text .text-inner h1{
        font-size: 2.8vw;
    }
}
@media (max-width:1500px) {
    header .top_b .row{
        justify-content: space-between;
    }
    header .top_b .row .left{
        max-width: 20%;
        flex: unset;
    }
    header .top_b .row .right{
        max-width: 80%;
        flex: unset;
    }
}
@media (max-width:1200px){
    .banner .mySwiper_banner .text .text-inner p{
        display: none;
    }
    
    .banner .mySwiper_banner .text{
        width: 54%;
    }
    .about .left .mySwiper_about .swiper-pagination{
        margin-top: 2vw;
    }
    .case h1{
        padding: 0;
    }
    footer .top{
        display: none;
    }
    .news .list ul li .text .top .t h5{
        font-size: 16px;
    }
    .news .list ul li .text .top .des p{
        font-size: 14px;
    }
    .index_box h1{
        font-size: 32px;
    }
    
    .about .right{
        padding: 2vw 0 0 0;
    }
    .about .right .data ul li .top b{
        font-size: 32px;
    }
    .about .right .data ul li .bottom p{
        font-size: 14px;
    }
    
    .service ul li .text {
        width: 50%;
        padding: 1vw 7vw 0 0;
    }
    .index_box .des p{
        font-size: 14px;
    }
    .inquiry h1{
        font-size: 32px;
    }
    .inquiry .des p{
        font-size: 14px;
    }
    .index_box{
        padding: 5vw 0 6vw 0;
    }
    .breadcrumb,.breadcrumb2{
        position:sticky;
        top: 85px;
        overflow: auto;
        background-color: #fff;
        z-index: 10;
        display: none;
    }
    .breadcrumb .location p, .breadcrumb .location p a, .breadcrumb .location p span, .breadcrumb2 .location p, .breadcrumb2 .location p a, .breadcrumb2 .location p span{
        opacity: 0;
    }
    .page1 .page_pro .main .sidebarBox .top{
        display: none;
    }
    .page_pro .inHead .title h1{
        font-size: 32px;
    }
    .page_pro .main .sidebarBox{
        position: static;
    }
    .page1 .page_pro .main .sidebarBox .bottom label,
    .page1 .page_pro .main .sidebarBox .bottom label .form-control{
        font-size: 14px;
    }
    .page_pro .main .prolist .list ul li .text .title p{
        font-size: 16px;
    }
    .page_pro .inHead .des p{
        font-size: 14px;
    }
    .page_pro_show .box1 .row .col:first-child{
        padding-right: 0;
    }
    .page_pro_show .box1 .detail_content{
        padding-left: 0;
    }
    .page_pro_show .box1 .detail_content .btn_box{
        padding: 10px;
    }
    .relate ul li .text .title p{
        font-size: 18px;
    }
    .relate h1{
        font-size: 32px;
    }
    .page_pro_show .box1 .row{
        padding: 0;
    }
    .col_description{
        padding-top: 5vw;
        padding-bottom: 0vw;
    }
    .page3 .list ul li{
        padding-top: 0;
    }
    .page3 .list ul li:not(:first-child){
        padding-top: 2vw;
    }
    .page3 .list ul li:nth-child(even) .text {
        padding: 3vw 0 0 0;
    }
    .page3 .tech h1{
        font-size: 32px;
    }
    .page3 .list ul li .text h4 p{
        font-size: 14px;
    }
    .col_description .inHead .title h1{
        font-size: 32px;
    }
    .col_description .inHead .des p{
        font-size: 14px;
    }
    .page4 .title h1{
        font-size: 32px;
    }
    .page4 .list ul li{
        padding: .8vw;
        border-bottom: none;
    }
    .page4 .list ul li a{
        padding: 0;
        height: 100%;
        position: relative;
        display: unset;
    }
    .page4 .list ul li .left{
        position: relative;
        width: 100%;
        padding: 0;
    }
    .page4 .list ul li .left .leftbox{
        position: relative;
        height: 0;
        width: 100%;
        padding-top: 36%;
        overflow: hidden;
    }
    .page4 .list ul li .left .pic{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        overflow: hidden;
    }
    .page4 .list ul li .left .pic img{
        width: auto;
        height: auto;
        max-width: 100%;
        object-fit: cover;
    }
    .fanye ul li a, .fanye ul li span {
        height: 38px;
        width: 38px;
        line-height: 38px;
    }
    .bannerIn{
        display: none;
    }
    .page6{
        margin-top: 85px;
    }
    .page6 .box1 .main .right{
        padding-left: 0;
        padding-top: 6vw;
    }
    .page6 h1{
        font-size: 32px;
    }
    .page6 .box2 .main .left{
        padding-top: 2vw;
        padding-bottom: 10px;
    }
    .page6 .box2 .main .right .img{
        padding: 10px 0;
    }
    .page6 .box2 .main .right{
        padding-top: 1vw;
    }
    .page6 .box2 .main .right .data ul li .top b{
        font-size: 32px;
    }
    .page6 .box6 .title{
        padding-left: 0;
        padding-right: 0;
    }
    .page6 .box6 .mySwiper_about_case .swiper-pagination{
        padding-top: 3vw;
    }
    .page6 p{
        font-size: 14px;
    }
    .page10{
        margin-top: 85px;
    }
    .page10 .main .left{
        padding-right: 0;
    }
    .page10 .main .left .team ul li .inner .team_title::before{
        width: 40px;
    }
    .page10 .main .right .unit-map .iframe{
        height: 600px;
    }
    .page10 .main .left .title h1{
        font-size: 32px;
    }
    .page7 .title{
        padding-top: 5vw;
    }
    .page7 .list{
        padding-bottom: 6vw;
    }
    .page7 .title h1{
        font-size: 32px;
    }
    .page8 .title{
        padding-top: 5vw;
    }
    .page8 .list{
        padding-bottom: 5vw;
        padding-top: 1vw;
    }
    .page8 .title h1{
        font-size: 32px;
    }
    .page9 .main_box{
        padding: 5vw 0;
    }
    .page9 .main_box .main .left .text{
        padding-bottom: calc(20px + 2.5vw);
        margin-bottom: 3vw;
    }
    .page9 .main_box .main .left .form_box h5{
        font-size: 18px;
    }
    .page9 .main_box .main .left .form_box p{
        font-size: 12px;
    }
    .page9 .main_box .main .right h5{
        font-size: 16px;
        padding-bottom: 3vw;
    }
    #inquiry .inquiry_modal .inner .modal_body .row .form-wrap{
        padding-right: 15px;
        margin-bottom: 0;
    }
    #inquiry .inquiry_modal .inner .modal_body .form_item.submit{
        margin-bottom: 0;
    }
    #inquiry .inquiry_modal .inner .modal_body .row .py-4 .list .list_content {
        max-height: 610px;
        overflow: auto;
        height: auto;
    }
    #inquiry .inquiry_modal .inner .modal_body .row .py-4 .list .list_content .list-items .link .img {
        width: 15vw;
        height: auto;
    }
    #inquiry .inquiry_modal .inner .modal_body .row .py-4 .list .list_content .list-items .link .img img{
        width: 100%;
    }
    .service ul li:nth-child(even) .text {
        padding: 2vw 0;
    }
    .service .des{
        padding: 10px 0;
    }
    .service ul li .text{
        padding: 1vw 0 0 0;
    }
    .service ul li .text .read_more{
        padding: 1vw 0 10px 0;
    }
    #map{
        height: 600px;
    }
}

@media (max-width:768px){
    .suspend .inquiryForm{
        position: fixed;
        width: 100%;
        transform: translateX(0);
        bottom: 0;
        border-radius: 8px 8px 0 0;
    }
    .move_chat_close {
        display: block!important;
        position: absolute;
        right: 10px;
        top: 10px;
        color: #fff;
        box-shadow: none!important;
        border-radius: unset!important;
    }
    #inquiry .inquiry_modal .inner .modal_header .modal_title{
        font-size: 14px;
    }
    #inquiry .inquiry_modal {
        padding: 0;
        align-items: flex-end;
        padding-bottom: 0;
    }
    #inquiry .inquiry_modal .inner {
        max-height: 85%;
        width: 100%;
    }
    #inquiry .inquiry_modal .inner .modal_body .form_item label{
        font-size: 12px;
    }
    #inquiry .inquiry_modal .inner .modal_footer {
        padding-bottom: 25px;
        display: block;
    }
    #inquiry .inquiry_modal .inner .modal_footer .modal_footer-inner .modal_footer-btn{
        flex: 1;
    }
    #inquiry .inquiry_modal .inner .modal_footer .modal_footer-inner .modal_footer-btn .btn {
        width: 100%;
        border-radius: 20px;
        height: 40px;
        font-size: 14px;
        font-family: unset;
        text-transform: unset;
    }
    #inquiry .inquiry_modal .inner .modal_footer .modal_footer-inner .modal_footer-btn .btn.btn-primary {
        background: linear-gradient(135deg,#ff7e00 0,#ff532c 100%);
        border: 0;
    }
    #inquiry .inquiry_modal .inner .modal_footer .modal_footer-inner .modal_footer-btn:hover {
        opacity: .7;
    }
    #inquiry .inquiry_modal .inner .modal_body .row .py-4{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .page9 .main_box .main .right h5{
        font-size: 14px;
    }
    .page5 .news_show .formbox form .sendbtn input, .page9 .main_box .main .form_box form .sendbtn input{
        padding: 10px 35px;
        font-size: 12px;
    }
    .page9 .main_box .main .left .form_box h5{
        font-size: 16px;
    }
    .page9 .main_box .main .left .text .title h4{
        font-size: 16px;
    }
    .page9 .main_box{
        padding: 10vw 0;
    }
    .page8 .list ul li h3{
        font-size: 14px;
    }
    .page8 .title{
        padding-top: 10vw;
    }
    .page8 .list{
        padding-bottom: 10vw;
    }
    .page8 .title h1{
        font-size: 22px;
    }
    .page7 .list ul li .faq_content{
        font-size: 12px;
    }
    .page7 .list ul li .faq_title_box{
        font-size: 14px;
        font-weight: bold;
        filter: brightness(1);
    }
    .page7 .title h1{
        font-size: 22px;
    }
    .page7 .title{
        padding-top: 10vw;
    }
    .page7 .list{
        padding-bottom: 10vw;
    }
    .page10 .main .left .team ul li .inner .team_title p{
        font-size: 14px;
    }
    .page10 .main .left .team ul li .inner .team_des p,
    .page10 .main .left .des p,
    .page10 .main .left .address .add_title span,
    .page10 .main .left .address p{
        font-size: 12px;
    }
    .page10{
        padding: 10vw 0;
    }
    .page10 .main .left .title h1{
        font-size: 22px;
    }
    .page10{
        margin-top: 65px;
    }
    .page6 .box3 .main .video_icon{
        width: 50px;
        height: 50px;
    }
    .page6 .box3 .main .video_icon i{
        font-size: 20px;
    }
    .page6 .box8 .list ul li .text .desc p{
        font-size: 12px;
    }
    .page6 .box8 .list ul li .text .he h5{
        font-size: 14px;
    }
    .page6 .box5 .list ul li .text .desc p{
        font-size: 12px;
    }
    .page6 .box5 .list ul li .text .he h5{
        font-size: 14px;
    }
    .page6 .box4 .pic_list ul{
        margin: -1.5vw;
    }
    .page6 .box4 .pic_list ul li{
        padding: 1.5vw;
    }
    .page6 .box2 .main .right .data ul li .bottom p{
        font-size: 12px;
    }
    .page6 .box2 .main .right .data ul li .top b{
        font-size: 24px;
    }
    .page6 p{
        font-size: 12px;
    }
    .page6 h1{
        font-size: 22px;
    }
    .page6 .box1,.page6 .box2,.page6 .box3,.page6 .box4,.page6 .box5,.page6 .box6,.page6 .box7,.page6 .box8,.page6 .box9,.page6 .box10{
        padding: 10vw 0;
    }
    .page6{
        margin-top: 65px;
    }
    .fanye ul li a, .fanye ul li span {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
    .page4 .list ul li .des p{
        font-size: 14px;
        line-height: 1.5em;
    }
    .page4 .list ul li .time span{
        font-size: 12px;
    }
    .page4 .list ul li .t h5{
        font-size: 14px;
    }
    .page4 .list ul li .left .leftbox{
        padding-top: 0;
        height: auto;
    }
    .page4 .list ul li .left .pic{
        position: static;
        height: 40vw;
    }
    .page4 .list ul li .left .pic img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .page4 .list .container{
        padding: 1vw 15px 0;
    }
    .page4 .title h1{
        font-size: 22px;
    }
    .col_description{
        padding-top: 3vw;
    }
    .col_description .inHead .des p{
        font-size: 12px;
    }
    .col_description .inHead .title h1{
        font-size: 22px;
    }
    .page3 .list ul li .text h4 p{
        font-size: 12px;
    }
    .page3 .list ul li .text h4 p span{
        font-weight: bold;
    }
    .page3 .list ul li .text h2, .page3 .list ul li .text h2 span{
        font-size: 20px;
        font-family: "Poppins SemiBold";
    }
    .page3 .tech{
        padding: 10vw 0;
    }
    .page3 .tech h1{
        font-size: 22px;
    }
    .page_pro_show .box1 .detail_content .btn_box{
        display: none;
    }
    .page_pro_show .box1 .detail_content .detail_text p{
        font-size: 14px;
    }
    .page_pro_show .box1 .detail_content h4{
        font-weight: bold;
        font-size: 14px;
        padding: 7px 10px 5px;
    }
    .page_pro_show .box1{
        padding: 0 0 5vw 0;
    }
    .relate ul li .text .title p{
        font-size: 14px;
    }
    .relate h1{
        font-size: 22px;
    }
    .video_play{
        width: 40px;
        height: 40px;
    }
    .video_play i{
        margin-left: 1px;
        font-size: 15px;
    }
    .page_pro .inHead .des p{
        font-size: 12px;
    }
    .page_pro .main .prolist .list{
        margin: -1.5vw;
    }
    .page_pro .main .prolist .list ul li{
        padding: 1.5vw;
    }
    .page_pro .main .prolist .list ul li .text .des p{
        font-size: 12px;
    }
    .page_pro .main .prolist .list ul li .text .title p{
        font-size: 14px;
    }
    .page1 .page_pro .main .sidebarBox .bottom label,
    .page1 .page_pro .main .sidebarBox .bottom label .form-control{
        font-size: 12px;
    }
    .breadcrumb .location,.breadcrumb2 .location{
        padding: 14px 0;
    }
    .breadcrumb .location p, .breadcrumb .location p a, .breadcrumb .location p span, .breadcrumb2 .location p, .breadcrumb2 .location p a, .breadcrumb2 .location p span{
        line-height: unset;
    }
    .breadcrumb,.breadcrumb2{
        top: 65px;
        height: 52px;
    }
    .page_pro .inHead .title h1{
        font-size: 22px;
    }
    .inquiry .des p{
        font-size: 12px;
    }
    .contact .title h1{
        font-size: 22px;
    }
    .contact .des p{
        font-size: 12px;
    }
    .contact form .form-row .form-group label{
        font-size: 12px;
    }
    .contact form .form-row .form-group label .form-control{
        font-size: 12px;
    }
    .submit input,.inquiry .read_more a{
        font-size: 12px;
        padding: 10px 35px;
    }
    .news .list ul li .text .top .t h5{
        font-size: 14px;
    }
    .news .list ul li .text .top .des p{
        font-size: 12px;
    }
    .index_box h1{
        font-size: 22px;
    }
    .case .content .t p{
        font-size: 14px;
    }
    .index_box h5 p{
        font-size: 13px;
    }
    .about .right .data ul li .top b{
        font-size: 24px;
    }
    .about .right .data ul li .bottom p{
        font-size: 12px;
    }
    .service ul li .text h2 p{
        font-size: 20px;
        font-family: "Poppins SemiBold";
    }
    .service ul li .text h4 p{
        font-size: 12px;
    }
    
    .service ul li:nth-child(even) .text {
        padding: 10px 0;
    }
    
    .service ul li .text {
        padding: 1vw 0 0 0;
    }
    .service ul li .text .read_more {
        padding: 10px 0;
    }
    .service ul li .pic{
        padding: 10px 0;
    }
    
    .read_more .btn{
        font-size: 12px;
        padding: 10px 35px;
    }
    .index_box .des p{
        font-size: 12px;
    }
    .service,.about,.case,.news,.contact,.product{
        padding: 10vw 0;
    }
    .service ul li:nth-child(even){
        padding-top: 4vw;
    }
    .inquiry h1{
        font-size: 22px;
    }
    .product .list ul li p{
        font-size: 14px;
    }
    .banner .read_more{
        display: none;
    }
    .banner .mySwiper_banner .text{
        width: 56%;
    }
    .banner .mySwiper_banner .text .text-inner h1{
        font-size: 18px;
    }
    .relate{
        padding: 4vw 0 10vw;
    }
    .goTop{
        bottom: 80px;
    }
    .detail_footer{
        display: flex;
    }
    .grid-view .item{
        padding: 7.5px;
    }
    .products-container{
        margin: -7.5px;
    }
    .filter{
        border-radius: 8px;
        margin: 15px 0;
    }
    .grid-view .item .inner .text p{
        font-size: 12px;
        line-height: 1.75;
        font-family: "Noto Sans";
    }
    .page12 .main .search .row .left{
        padding-right: 0;
    }
    .page12 .main .search .search_sidebar{
        position: fixed;
        right: -260px;
        top: 0;
        height: 100vh;
        z-index: 1000;
        width: 260px;
        overflow-x: hidden;
        overflow-y: auto;
        transition: .3s;
        background: #fff;
        /*right: 0;*/
        border-radius: 0;
        padding: 4vh 15px 0 15px;
    }
    .page12 .main .search .search_sidebar.is_active{
        right: 0;
    }
    .page12 .main .search .search_sidebar.is_active+.background {
        width: 100%;
        height: 100vh;
        background-color: rgba(0,0,0,.5);
        z-index: 999;
        position: fixed;
        left: 0;
        top: 0;
        overflow: hidden;
        display: block;
    }
    .page12 .main .search .search_sidebar .sidebar_title{
        background: #f8f8f8;
        border-radius: 10px;
        font-size: 14px;
    }
    .page12 .main .search .search_sidebar .sidebar_content{
        background: #f8f8f8;
        border-radius: 0 0 10px 10px;
        font-size: 14px;
    }
    .page12 .main .search .search_type{
        overflow-x: auto;
    }
    .list-view .item .inner .text p{
        font-size: 12px;
        line-height: 1.75;
        font-family: "Noto Sans";
    }
    .list-view .item .inner .pic_box{
        width: 38%;
        height: auto;
        aspect-ratio: 3 / 2;
    }
    .modal-form{
        max-height: calc(100vh - 250px);
    }
    #inquiry .inquiry_modal .inner .modal_body .form_item.submit{
        display: none;
    }
    #inquiry .inquiry_modal .inner .modal_body .row .py-4 .list .list_content{
        max-height: 400px;
    }
    #map{
        height: 400px;
    }
}
@media (max-width:575px){
    .detail-footer_btn-group{
        flex: 1;
    }
}