@media (max-width: 575.98px) {

    body { font-size: 1.2rem; }

    .proinfo_btn-group {
        width: 150px !important;
    }

    .proinfo_btn-group li {
        width: 50px !important;
        height: 50px !important;
        line-height: 50px !important;
        transition: all 0.3s;
    }

    .proinfo_btn-group li i {
        margin: 0 !important;
    }

    .proinfo_main {
        margin-top: 50px !important;
    }

    #product_box1 .arrow_more {
        position: relative;
        top: -1rem !important;
    }

    .arrow_more {
        position: relative;
        top: 0 !important;
    }

    .gcjgList li:nth-child(1),
    .gcjgList li:nth-child(2) {
        border-bottom: 1px solid #dee2e6 !important
    }

}

@media (min-width: 576px) {

    .proinfo_btn-group {
        width: 150px !important;
    }

    .proinfo_btn-group li {
        width: 50px !important;
        height: 50px !important;
        line-height: 50px !important;
        transition: all 0.3s;
    }

    .proinfo_btn-group li i {
        margin: 0 !important;
    }

    .proinfo_main {
        margin-top: 50px !important;
    }


    .gcjgList li:nth-child(1),
    .gcjgList li:nth-child(2) {
        border-bottom: 1px solid #dee2e6 !important
    }
}

@media (min-width: 768px) {

    body {
        font-size: 1.4rem !important;
    }

    .proinfo_btn-group {
        width: 150px !important;
    }

    .proinfo_btn-group li {
        width: 50px !important;
        height: 50px !important;
        line-height: 50px !important;
        transition: all 0.3s;
    }

    .proinfo_btn-group li i {
        margin: 0 !important;
    }

    .proinfo_main {
        margin-top: 50px !important;
    }

}

@media (min-width: 992px) {

    .fs-lg-30 {
        font-size: 3.0rem;
    }

    .fs-lg-39 {
        font-size: 3.9rem;
    }

    .fs-lg-14 {
        font-size: 1.4rem;
    }

    .fs-lg-15 {
        font-size: 1.5rem;
    }

    .fs-lg-16 {
        font-size: 1.6rem;
    }

    .fs-lg-17 {
        font-size: 1.7rem;
    }

    .fs-lg-18 {
        font-size: 1.8rem;
    }

    .fs-lg-20 {
        font-size: 2.0rem;
    }

    .fs-lg-22 {
        font-size: 2.2rem;
    }

    .fs-lg-26 {
        font-size: 2.6rem;
    }

    .fs-lg-28 {
        font-size: 2.8rem;
    }

    .fs-lg-35 {
        font-size: 3.5rem;
    }

    .fs-lg-38 {
        font-size: 3.8rem;
    }

    .fs-lg-40 {
        font-size: 4.0rem;
    }

    .fs-lg-45 {
        font-size: 4.5rem;
    }

    .fs-lg-50 {
        font-size: 5.0rem;
    }

    .fs-lg-66 {
        font-size: 6.6rem;
    }

    .fs-lg-70 {
        font-size: 7.0rem;
    }

    .fs-lg-90 {
        font-size: 9.0rem;
    }

    .fs-lg-110 {
        font-size: 11rem;
    }


    i.fs-lg-50 {
        font-size: 5.0rem !important;
    }

    i.fs-lg-60 {
        font-size: 6.0rem !important;
    }

    i.fs-lg-80 {
        font-size: 8.0rem !important;
    }

    .lh-lg-18 {
        line-height: 1.8;
    }

    .lh-lg-20 {
        line-height: 2.0;
    }


    #name_box_w #logo,
    #name_box_w #top_tel {
        height: 100px;
    }

    #banner_box {
        width: 100%;
        height: 786px;
        overflow: hidden;
        position: relative;
    }

    #banner_box .pbanner {
        width: 1920px;
        height: 786px;
        left: 50%;
        margin-left: -960px !important;
        position: absolute;
    }


    #page_banner_box {
        margin-top: 0;
    }

    #page_banner_box .col-lg-6 {
        height: 330px;
    }

    #page_banner_box #product {
        right: -240px;
    }

    #in_box2 .box {
        height: 440px;
    }

    .table-responsive {
        display: table;
    }

    .in_gs_pic {
        position: absolute;
        top: 0;
        left: 30px;
        max-width: none !important;
    }


    #in_box4 .news_gd {
        box-shadow: -30px -30px 0 #0291d2;
    }

    #in_box4 .main .pr-lg-5 {
        padding-right: 100px !important;
    }

    .sbzs_gd {
        width: 1600px;
    }

    .mess_tel {
        top: 0;
        right: 0;
    }

    .contactList .box {
        height: 370px;
    }

    .picList .cont {
        height: 60px;
    }

    .picList .timeBox {
        width: 80px;
    }

    .picList .contBox {
        width: calc(100% - 100px)
    }

    .caseList li a {
        height: 644px;
    }

    .caseList li a .desc {
        height: 80px;
    }

    .in_newslist li a .desc {
        height: 50px;
    }

    .more a:hover {
        letter-spacing: 10px;
    }

    .gcjgList li:nth-child(1),
    .gcjgList li:nth-child(2) {
        border-bottom: 0 solid #dee2e6 !important
    }

}


@media (min-width: 1200px) {

    .p-xl-5 {
        padding: 60px !important;
    }

    .fs-xl-14 {
        font-size: 1.4rem;
    }

    .fs-xl-15 {
        font-size: 1.5rem;
    }

    .fs-xl-16 {
        font-size: 1.6rem;
    }

    .fs-xl-17 {
        font-size: 1.7rem;
    }

    .fs-xl-18 {
        font-size: 1.8rem;
    }

    .fs-xl-20 {
        font-size: 2.0rem;
    }

    .fs-xl-22 {
        font-size: 2.2rem;
    }

    .fs-xl-26 {
        font-size: 2.6rem;
    }

    .fs-xl-28 {
        font-size: 2.8rem;
    }

    .fs-xl-35 {
        font-size: 3.5rem;
    }

    .fs-xl-38 {
        font-size: 3.8rem;
    }

    .fs-xl-39 {
        font-size: 3.9rem;
    }

    .fs-xl-40 {
        font-size: 4.0rem;
    }

    .fs-xl-45 {
        font-size: 4.5rem;
    }

    .fs-xl-50 {
        font-size: 5.0rem;
    }

    .fs-xl-66 {
        font-size: 6.6rem;
    }

    .fs-xl-70 {
        font-size: 7.0rem;
    }

    .fs-xl-90 {
        font-size: 9.0rem;
    }

    .fs-xl-110 {
        font-size: 11rem;
    }


    i.fs-lg-50 {
        font-size: 5.0rem !important;
    }

    i.fs-lg-60 {
        font-size: 6.0rem !important;
    }

    i.fs-lg-80 {
        font-size: 8.0rem !important;
    }

    .lh-lg-18 {
        line-height: 1.8;
    }

    .lh-lg-20 {
        line-height: 2.0;
    }

    .mb-6 {
        padding-bottom: 60px !important;
    }

    .py-7 {
        padding: 70px 0 !important;
    }

    .my-7 {
        margin: 70px 0 !important;
    }

    #name_box_w {
        height: 100px;
        overflow: hidden;
    }

    #name_box_w #logo {
        flex: 0 0 200px;
    }

    #name_box_w #logo,
    #name_box_w #top_tel {
        height: 100px;
    }

    .in_gs_pic {
        position: absolute;
        top: 0;
        left: 0;
        max-width: none !important;
    }

    #banner_box {
        width: 100%;
        height: 786px;
        overflow: hidden;
        position: relative;
    }

    .pbanner .swiper-slide #txt_1 {
        margin: -100px 150px 0 0;
    }

    .pbanner .swiper-slide #txt_2 {
        margin: -100px 0 0 50px;
    }

    .pbanner .swiper-slide #txt_3 {
        margin: -100px 0 0 50px;
    }

    .pbanner .slide_p1 { margin-bottom: 56px !important; }
    .pbanner .slide_p2 { margin-bottom: 38px !important; }
    .pbanner .slide_p3 { margin-bottom: 42px !important;}

    #txt_1 .slide_p3 { width: 720px; }
    #txt_2 .slide_p3 { width: 820px; }
    #txt_3 .slide_p3 { width: 810px; }
    #txt_4 .slide_p3 { width: 720px; }

    #page_banner_box {
        margin-top: 0;
        height: 413px;
        overflow: hidden;
    }

    #page_banner_box .col-lg-6 {
        height: 330px;
    }

    #page_banner_box #product {
        right: -240px;
    }

    #page_banner_box p {
        margin-left: 30px;
    }

    #banner_box .pbanner {
        width: 1920px;
        height: 786px;
        left: 50%;
        margin-left: -960px !important;
        position: absolute;
    }

    #in_box2 {
        height: 920px;
        overflow: hidden;
    }

    #in_box2 .box {
        height: 440px;
    }

    #in_box2_1 {
        height: 640px;
        overflow: hidden;
    }

    .in_kucun {
        height: 300px;
        overflow: hidden;
    }

    #in_box3 {
        height: 797px;
        overflow: hidden;
    }

    #in_box4 {
        height: 794px;
        overflow: hidden;
    }

    #in_box5 {
        height: 230px;
        overflow: hidden;
    }

    #in_box5 .main {
        margin-top: 33px !important;
    }

    .table-responsive {
        display: table;
    }

    .in_gs_pic {
        position: absolute;
        top: 0;
        left: 147px;
        max-width: none !important;
        width: 813px;
        height: 541px;
    }


    #in_box4 .news_gd {
        box-shadow: -158px -35px 0 #0291d2;
        margin-left: 35px;
    }

    .news_gd {
        width: 607px;
        height: 409px;
    }

    #in_box4 .main .pr-lg-5 {
        padding-right: 100px !important;
    }

    .mess_tel {
        top: 0;
        right: 0;
    }

    .contactList .box {
        height: 370px;
    }

    .picList .cont {
        height: 60px;
    }

    .picList .timeBox {
        width: 80px;
    }

    .picList .contBox {
        width: calc(100% - 100px)
    }

    .caseList {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

    .caseList li {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .caseList li a {
        width: 263px;
        height: 644px;
    }

    .caseList li a .desc {
        height: 80px;
    }

    .in_newslist li a .desc {
        height: 50px;
    }

    #baguetteBox-overlay .full-image img {
        max-width: 80% 80% !important;
        max-height: 80% !important;
    }

    .tabImg {
        height: 510px;
    }

    .more a:hover {
        letter-spacing: 10px;
    }

    .f_nav li {
        padding: 0 50px 0 10px;
    }

    .item_xl {
        margin-top: -2px;
        margin-bottom: 2px;
    }

    .item_gd .swiper-slide { padding: 72px 36px !important; }

    .item_gd .swiper-slide a:hover {
        box-shadow: 0 0 50px #04508f !importnt;
    }

    .item_gd .cont {
        padding: 41px 50px !important;
        height: 188px;
        overflow: hidden;
    }


    .item_gd .cont .t2 {
        margin-top: 18px;
        line-height: 22px;
        height: 44px;
        margin-bottom: 6px;
    }


    .gcjgList .cover .t1 {
        margin-top: 70px !important;
    }

    .gcjgList .cover .t2 {
        max-width: 366px;
        height: 66px;
        line-height: 22px;
        margin: 28px 30px 0 !important;
    }

    .gcjgList li a.more span {
        display: block;
        margin: 0 auto;
        width: 90px;
        height: 32px;
        line-height: 28px;
        border: 2px solid #fff;
        border-radius: 20px;
    }

    .gcjgList .cont2 .t1 {
        margin-top: 55px !important;
    }

    .gcjgList .cont2 .t2 {
        margin-top: 28px !important;
    }

    .gcjgList .cont2 .t3 {
        width: 230px;
        margin: 20px auto 0 !important;
    }

    .page-footer {
        padding-bottom: 45px !important;
    }


    #in_add_mess input,
    #in_add_mess .input,
    #in_add_mess textarea {
        line-height: 34px;
    }

    #in_add_mess textarea,#in_submit { height: 56px; }

    .in_title .num {
        right: 40px !important;
    }

    .ysList .cont {
        height: 120px;
    }

}


@media (min-width: 1200px) and (max-width: 1399px){

    .fs-xl-26 { font-size: 2.0rem; }
}


@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }

    .f_nav li {
        padding: 0 100px 0 0;
    }

}