@charset "utf-8";

@media (max-width: 1800px) {
    .idx_hezuo .swiper-button-next {right: 10px;}
    .idx_hezuo .swiper-button-prev {left: 10px;}
    .footmid_l dl {margin-right: 70px;}
    .slideTxtBox {height: 750px;}
}
@media (max-width: 1400px) {
    .idx_fa ul li.active .idx_fadesc {padding-top: 20%;}
    .slideTxtBox .hd ul li .about_qywhd_desc {margin-top: 330px;}
    .slideTxtBox .hd ul li.on .about_qywhd_desc {margin-top: 250px;}
    .aboutt_r {padding-left: 10%;}
    .abouttgs_l {padding-right: 10%;} 
    .footmid_l dl {margin-right: 60px;}
    .head_r {width: auto;}

    .c-r4-content{
        padding: 20px;
    }
    .c-r4-t h2{
        margin-bottom: 10px;
    }
}
@media (max-width: 1200px) {
    /*.logo {width: 15%;}*/
    /*.logo {width: 25%;}*/
    /*.head_r {width: 85%}*/
    /*.head_r {width: 75%;padding-left: 10%;}*/
    /*.nav>ul>li>a {padding: 0px 5px;}*/
    .idx_about_l {padding: 0px;}
    .idx_about_num .numCount ul li .indc {font-size: 12px;}
    .idx_about_r {padding-top: 100px;}
    .footmid_l dl {margin-right: 30px;}
    .footc_l span {padding: 0px 10px;}
    .banner_desc h2 {font-size: 30px;}
    .banner_desc p {font-size: 14px;}
    .idx_fadesc h3, .idxfa_title h3 {font-size: 18px;}
    .idxnews_desc h3 {height: 64px;overflow: hidden;}
    .idxnews_desc p {height: 80px;overflow: hidden;}
    .footc_rlinks ul li a,.footc_l span, .footc_l span a,.footc_r p {font-size: 12px;}
    .prolist_item_text h3 {height: 20px ; overflow: hidden;}
    .prolist_item_text p {height: 60px;overflow: hidden;}
    .respnews_lil {padding: 0px  20px;}
    .respnews_lil h3 {font-size: 16px;line-height: 26px;}
    .respnews_lil span {font-size: 12px;}
    .ernav_r {width: 34%;}

    .banner-content2 h2{
        font-size: 40px;
    }
    .banner-content2 p{
        margin: 20px 0;
        font-size: 20px;
    }

    .c-r4 p{
        padding: 20px 0;
        font-size: 16px;
        line-height: 26px;
    }

    .die-qr{
        right: 0;
        bottom: 5%;
    }
}
@media (max-width: 992px) {
    /*.logo {width: 20%;padding: 0px 20px;}*/
    /*.head_r {width: 80%}*/
    /*.head_r {width: 80%;padding-left: 5%;}*/
    .nav>ul>li>a {font-size: 14px;}
    .top_search {margin-left: 20px;}
    .idx_pros ul li {margin-bottom: 30px;}
    .idx_fadesc h3 {font-size: 20px;line-height: 30px;}
    .idx_titles h3,.idx_ftitles h3 {font-size: 38px;}
    .footmid_l dl {margin-right: 20px;}
    .footmid_r {width: 28%;}
    .footc_l span,.footc_r p,.footc_l span a {font-size: 12px;}
    .footc_r {width: 14%;background: none;}
    .footc_rlinks ul li a {font-size: 12px;}
    .idxfa_title h3 {width: 120px;line-height: 30px;}
    .idx_fadesc p {margin-bottom: 80px;}
    .aboutt_r {padding: 40px 0px 0px;}
    .abouttgs_l {padding: 0px 0px 40px;}
    .slideTxtBox .hd ul li {padding: 0px 10px;}
    .slideTxtBox .hd ul li .about_qywhd_desc h3 {font-size: 20px;}
    .slideTxtBox .hd ul li .about_qywhd_desc p {font-size: 16px;}
    .abouthist_l,.abouthist_r {width: 50%;}
    .xuanfu {display: none !important;}
    .prode_caselist_img {height: 120px;}
    .prode_caselist_text h4 {font-size: 16px;}
    .prode_contop h3 {font-size: 30px;}
    .resp_lidesc_item h3 {font-size: 14px;line-height: 24px;}
    .resp_item ul li:hover .resp_lidesc_item {height: 250px;}
    .respnews_lil,.respnews_lir {width: 50%;}
    .caselistmid {position: relative;}
    .caselistm_r {position: absolute;top: 0px;right: 0px;}
    .newsde_rimg {height: 100px;}
    .neibannerdesc h2 {font-size: 40px;}
    .neibanner {height: 350px;}
    .newslistp_r {padding: 30px 20px;}
    .newslistp_r h3 {font-size: 20px;line-height: 26px;}
    .newslistp_rbot {margin-top: 70px;}
    .newsde_l h2 {font-size: 24px;}
    .contact_ways li h6 {font-size: 14px;}
    .prolist2_tsx_l {width: 10%;}
    .prolist2_tsx_r {width: 87%;}

    .center_list{
        display: flex;
        flex-direction: column;
        /*display: block;*/
    }
    .center-l,.center-r{
        width: 100%;
    }
    .center-l{
        margin:40px 0;
    }
    .center-r{
        margin-bottom: 40px;
    }
    .c-l,.c-r,.c-l1,.c-r1,.c-r2,.c-l2,.c-r3,.c-l3,.sw-l,.sw-r,.c-r4,.c-l4,.c-r5,.c-l5{
        width: 100%;
    }
    .c-r{
        margin-left: 0;
    }
    .q_list{
        display: block;
    }
    .q_item{
        margin: 20px;
    }
    .q_item img{
        margin-bottom: 10px;
    }

    .nav-list a{
        padding: 0 10px!important;
    }
    .c-l1{
        margin-right: 0;
    }
    .c-r1{
        margin-left: 0;
        margin: 40px 0;
        padding: 0;
    }
    .service-l{
        margin: 40px 0;
    }
    .c-r-item1,.c-r-img{
        width: 100%;
    }

    .c-r-m20,.c-l4{
        margin-right: 0px;
    }
    .c-l-m20,.c-r4{
        margin-left: 0px;
    }

    .sw-list{
        display: flow;
    }
    .sw-l{
        margin-bottom: 40px;
    }

    .nav>ul>li>a{
        padding: 0 20px;
    }

    .banner-content img{
        margin: 20px 0;
        width: 160px;
    }

    .banner-content2{
        padding: 40px;
    }
    .banner-content2 h2{
        font-size: 30px;
    }
    .banner-content2 p{
        font-size: 16px;
        line-height: 28px;
    }

    .center_list:nth-child(2n - 1) .c-l2{
        order: -1;
    }

    .fullscreen-img{
        height: auto;
    }
    .fullscreen-img2{
        height: auto;
    }
    .foot_list1,.foot_item2{
        display: block;
    }
    .foot_item1,.foot_item2{
        width: 100%;
        display: block;
        text-align: center;
        padding: 20px;
    }
    .foot_item3{
        padding: 20px;
    }

    .sw-l p{
        padding-right: 0;
    }

    .c-l4-item-bg{
        width: 100%;
    }
    .c-l4-qr{
        display: none;
    }
    .c-r4 p{
        padding: 40px 0;
        font-size: 18px;
        line-height: 34px;
    }
    .c-r4-qr{
        display: block;
    }

    .die-qr{
        display: none;
    }
    .card-l1-qr{
        display: block;
    }

    .newswiper{
        display: none;
    }
}
@media (max-width: 767px) {
    .idx_item {padding-top: 60px;}
    .idx_titles {padding-bottom: 50px;}
    .idx_titles h3, .idx_ftitles h3 {font-size: 30px;}
    .idx_ftitles h3 {line-height: 40px;}
    .row {margin: 0px;}
    .idxpros_more {margin-top: 30px;}
    .idx_fa {height: auto;}
    .idx_fa ul li {position: unset;height: 450px;}
    .idx_fa ul li,.idx_fa ul li.active,.idx_fa ul li.active .idx_fadesc {width: 100%;}
    .idx_fa ul li .idx_fadesc {padding: 60px 30px 0px !important;}
    .idx_fadesc p {margin: 30px 0px;}
    .idxfa_title {display: none;}
    .idx_fadesc {display: block;width: 100%;}
    .idx_about_num .numCount ul li {width: 50%;margin-bottom: 30px;}
    .idx_about_r {padding-top: 30px;}
    .idx_about,.idx_hzitem,.idx_news {padding-bottom: 70px;}
    .idxnews_item {margin-bottom: 20px;}
    .idx_fform input {margin-bottom: 30px;}
    .idx_fform input,.idx_fform input.idx_fform3,.idx_fform button,.footmid_r,.abouthist_l, .abouthist_r,.prolist_r {width: 100%;}
    .footmid_l,.footc_r {display: none;}
    .foot {padding: 50px 0px;}
    .footc_l {text-align: center;}
    .idx_footmess {padding-top: 50px;}
    .idxkh_spagination .swiper-pagination-bullet {width: 20px;margin: 0px 3px !important;height: 3px;}
    .neibanner {height: 200px;}
    .neibannerdesc h2 {font-size: 30px;}
    .neinav_item ul li {margin-right: 15px;}
    .neinav_item ul li a {font-size: 14px;}
    .abouttop,.about_tgs,.resppage,.respnews,.newsdetail,.newslistp,.contact_t,.contact_bot {padding: 50px 0px;}
    .abouttgs_l h3 {line-height: 46px;}
    .slideTxtBox {height: 300px;}
    .slideTxtBox .hd ul li {width: 50%;height: 50%;padding-top: 30px;border: 0px;}
    .slideTxtBox .hd ul li:first-child {border: 0px;}
    .slideTxtBox .hd ul li.on .about_qywhd_desc,.slideTxtBox .hd ul li .about_qywhd_desc {margin: 0px;height: auto;}
    .slideTxtBox .hd ul li .about_qywhd_desc p {margin: 10px 0px;}
    .about_hz {padding: 50px 0px 80px;}
    .abouthist_r {margin-top: 40px;}
    .about_hisitem {height: 600px;}
    .about_hisitem .swiper-slide {display: block;}
    .about_hisitem .swiper-button-next, .about_hisitem .swiper-button-prev {top: 98%;}
    .about_hisline {top: 85%;}
    .prolist_l {width: 100%;margin-bottom: 30px;}
    .prolist_item_img,.prolist_item_text p,.prolist_item_text h3 {height: auto;}
    .slideTxtBoxpro .hd,.slideTxtBoxpro .hd ul {height: auto;}
    .prode_topl,.newsde_l,.newslistp_l,.newslistp_r {width: 100%;}
    .slideTxtBoxpro .hd ul li {font-size: 14px;line-height: 40px;padding:0px 20px 10px 0px;}
    .prode_caselist ol li {width: 100%;margin-bottom: 20px;}
    .prode_caselist_text h4 {font-size: 16px;}
    .prode_contop h3 {font-size: 26px;}
    .pdp-table {overflow: scroll;}
    .resp_item ul li,.respnews_lil,.respnews_lir {width: 100%;}
    .resp_lidesc_item {height: 25px;}
    .resp_item ul li:hover .resp_lidesc_item {height: 250px;}
    .resp_lidesc_item p,.newslistp_r p {line-height: 24px;}
    .respnews_lil {padding: 30px 15px;}
    .respnews_list .swiper-button-next {right: 10px;left: unset;}
    .respnews_list .swiper-button-prev {left: 10px;}
    .casetop_l {width: 100%;margin-bottom: 0px ;}
    .casetop_r {display: none;}
    .caselist_lidesc {padding: 20px 10px;}
    .newsde_r {display: none;}
    .newsde_l h2 {font-size: 20px;}
    .newsde_lbot {justify-content: center;}
    .newdelb_m {margin: 20px 0px;}
    .newdelb_l,.contact_bl,.contact_br,.contact_ways li {width: 100%;}
    .newslistp_l,.newslistp_item {height: auto;}
    .newslistp_r {padding: 20px;}
    .newslistp_rbot {margin-top: 40px;}
    .newslistp_r h3 {font-size: 20px;line-height: 30px;margin-bottom: 20px;}
    .contact_br {margin-top: 40px;}
    .contact_ways li h6 {font-size: 16px;}
    .newslistp_botdes {padding:20px 15px;}
    .caselistmid ul li a {font-size: 14px;}
    .newdelb_l p {text-align: center;}
    .langitem {top: 40px;}
    .prolist_l {display: none;}
    .prolist2_top {padding: 0px 10px;margin-bottom: 50px;}
    .prolist2_topsx {padding: 10px 0px;}
    .prolist2_tsx_l a {font-size: 14px;}
    .prolist2_tsx_r ul li {margin-right: 10px;}
    .prolist2_tsx_r ul li a {font-size: 14px;padding: 0px 5px;}
    .procontent1_l {width: 100%;height: 350px;}
    .procontent1_r {width: 100%;margin-top: 30px;}
    .procontent_zx {margin-top: 60px;}
    .procon2_top ul li {margin: 0px 15px;}
    .prodecon_item {padding: 30px 15px;}
    

    
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding: 0px;}
}

@media (max-width: 767px) {
    .con640{
        width: 100%;
    }
    .span_list,.foot_list,.block_list{
        display: block;
    }
    .span_item,.case_item,.foot_item,.more_item,.span_item2{
        width: 100%;
        margin-bottom: 20px;
    }
    .foot_item{
        padding: 60px;
        margin-bottom: 0;
    }
    .card_list{
        display: block;
    }
    .card-l,.card-r,.card-r1,.card-l1,.block-l,.block-r{
        width: 100%;
    }
    .card-l p{
        padding-right: 0;
    }
    .card-l1{
        padding-top: 40px;
        padding-left: 0;
    }
    .block-l,.block-r{
        padding: 0 40px;
    }
    .block-l p{
        padding-right: 0;
    }
    .block-r img{
        height: 250px;
    }

    .banner-cont h2{
        font-size: 40px;
    }
    .banner-cont h5{
        font-size: 20px;
    }


    .nav>ul>li>a{
        line-height: 20px;
        padding: 0 4px;
    }

    .nav>ul>li.active>a{
        font-size: 12px;

    }
    .head_r{
        width: auto;
    }

    .top,.logo{
        height: 60px;
    }

    .arrow{
        height: 120px;
    }
    .arrow img{
        margin-top: 0;
    }
    .card-r1-bg{
        width: 100%;
    }
    .vo-content p{
        padding: 20px;
    }
    .span_item_b img{
        width: 100%;
    }

    .span_item1{
        width: 100%;
    }
    .span_item_b1 img{
        height: auto;
    }
    .card-l1 img:first-child{
        margin-right: 20px;
    }

    .c-title{
        display: block;
    }
    .c-title h4{
        margin-left: 0;
        margin-top: 10px;
    }

    .span_content1{
        height: 100%;
    }

    .c-r4-content{
        padding: 10px;
    }
    .c-r4-t{
        margin-top: 0;
    }
    .c-r4-t h2{
        margin-bottom: 10px;
        font-size: 20px;
    }
    .c-r4 p{
        padding: 0;
        font-size: 14px;
        letter-spacing: 1px;
        line-height:24px;
    }
    .c-r4 img{
        height: 440px;
    }
    .c-r4-content img{
        height: 160px;
    }

    .f-list{
        display: flow;
        justify-items: center;
    }
    .f-list1{
        display: flow;
        justify-items: center;
    }
    .f-item:first-child, .f-item:nth-child(3n), .f-item:nth-child(3n + 1),.f-item2:first-child{
        width: 180px;
    }
    .f-border,.f-border1{
        display: none!important;
    }

    .head1{
        margin-top: 4px;
    }
    .head1 h2,.head1 a{
        font-size: 18px!important;
    }
    .banner-content img{
        width: 80px;
        margin: 0;
    }
    .banner-content h2{
        font-size: 28px;
    }
    .banner-content h4{
        font-size: 16px;
        line-height:34px;
    }

    .banner-content h5{
        font-size: 22px;
    }
    .banner-content h3{
        font-size: 20px;
    }

    .mt-30,.mt-60{
        margin-top: 0;
    }

    .card-l1-qr{
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 0;
        margin-top: 20px;
    }
    .transform-20{
        transform:translate(-17%, 0%);
    }

    .m-text-c{
        text-align: center;
    }

    .banner-content2{
        padding: 0 20px;
    }
    .banner-content2 h2{
        font-size: 20px;
    }
    .banner-content2 p{

        font-size: 14px;
        line-height: 20px;
        margin: 10px 0;
    }

}
@media (max-width: 530px) {
    .banner-content2{
        width: 100%;
    }
    .banner-content2 h2{
        font-size: 18px;
    }
    .banner-content h3{
        font-size: 16px;
    }

    .c-r4-qr{
        margin-top: 0;
    }
    
    .banner-content h2{
        font-size: 24px;
        line-height: 40px;
    }
    .mt-40{
        margin-top: 40px;
    }
    
    .po-img img{
        height: auto;
    }
    
    .cgal img{
        max-height: 600px;
        height: unset;
    }
    
    .bor-r-l-b{
        box-shadow: -8px 8px 2px rgba(243, 186, 35);
    }
    
    .bor-r-r-b{
        box-shadow: 8px 8px 2px rgba(243, 186, 35);
    }
    
    .bor-r-r-b2{
        box-shadow: 8px 8px 2px rgba(69, 183, 175);
    }
    
    .service-l{
        box-shadow: 8px 8px 2px rgba(243, 186, 35);
    }
    
    .banner-content h2{
        font-size: 20px;
        line-height: 30px;
        letter-spacing:2px;
    }
    
    .banner-content h5{
        font-size: 18px;
    }
    
    .c-r5{
        padding: 0;
        margin-left: 0;
    }
    
    .center-t h3{
        font-size: 20px;
        line-height: 30px;
    }
    
    .c-r5 p{
        padding: 20px 0;
        font-size: 16px;
    }
    
    .c-l-item p{
        font-size: 16px;
        line-height: 30px;
    }
    
    .c-r1{
        margin: 20px 0;
    }
    
    .service-l{
        margin: 20px 0;
    }
    
    .c-t-p40{
        padding: 20px 0;
        margin-top: 0;
    }
    
    .service-b p{
        font-size: 16px;
    }
    
    .c-r-item1 h3{
        font-size: 20px;
        line-height: 30px;
    }
    
    .c-r-item1 p{
        margin-top: 0;
    }
    
    .foot_item1{
        padding: 20px 40px;
        text-align: left;
    }
    
    .foot_item2{
        text-align: left;
    }
    
    .foot{
        padding: 0;
    }
    .pd-80{
        padding: 20px 0;
    }
    
    .pd-40{
        padding: 20px 0;
    }
    
    .mg-80{
        margin: 20px 0;
    }
    
    .con1400{
        width: 90%;
    }
}