@media (max-width: 575.98px) {

    .container-fluid,
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto {
        padding-left: 10px;
        padding-right: 10px;
    }

    .de-page-mian .page-inner .prev,
    .de-page-mian .page-inner .next,
    .de-page-mian .page-inner span,
    .de-page-mian .page-inner input,
    .de-page-mian .page-inner .page-btn {
        display: none !important;
    }


    .flash .swiper-pagination .swiper-pagination-bullet {
        line-height: auto !important;
        height: 8px !important;
    }

    .flash .swiper-pagination-bullet:before {
        width: 10px !important;
        height: 2px !important;
        margin-right: 5px !important;
        top: 0 !important;
    }

    .flash .swiper-pagination-bullet-active:before {
        width: 12px !important;
    }

    .icon_img {
        width: 48px;
        height: 48px;
    }

    /*自定义*/

    .name_box_w,
    .foot_name_box_w {
        height: 60px;
    }

    #banner_box,
    #page_banner_box,
    #page_banner_box_p {
        margin-top: 60px;
    }

    .flash .text_box {
        padding-bottom: 40px !important;
    }

    .top_logo img {
        max-height: 40px;
    }

}

@media (min-width: 576px) {

    .fs-sm-12 {
        font-size: 1.2rem;
    }

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

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

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

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

    .fs-sm-24 {
        font-size: 2.4rem;
    }

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

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

    .de-page-mian .page-inner span,
    .de-page-mian .page-inner input,
    .de-page-mian .page-inner .page-btn {
        display: none !important;
    }


    .flash .swiper-pagination .swiper-pagination-bullet {
        line-height: auto !important;
        height: 8px !important;
    }

    .flash .swiper-pagination-bullet:before {
        width: 10px !important;
        height: 2px !important;
        margin-right: 5px !important;
        top: 0 !important;
    }

    .flash .swiper-pagination-bullet-active:before {
        width: 12px !important;
    }

    .icon_img {
        width: 48px;
        height: 48px;
    }

    /*自定义*/

    .name_box_w,
    .foot_name_box_w {
        height: 60px;
    }

    #banner_box,
    #page_banner_box,
    #page_banner_box_p {
        margin-top: 60px;
    }

    .flash .text_box {
        padding-bottom: 40px !important;
    }

    .top_logo img {
        max-height: 40px;
    }


    .cates_gd .swiper-slide {
        width: 100% !important;
    }

    .cates_gd .swiper-button-next {
        right: calc((100% - 100% - 26px)/2) !important;
    }

}

@media (min-width: 768px) {

    body {
        font-size: 1.4rem;
    }

    .fs-md-12 {
        font-size: 1.2rem;
    }

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

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

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

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

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

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

    .fs-md-24 {
        font-size: 2.4rem;
    }

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

    .fs-md-36 {
        font-size: 3.6rem;
    }

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

    .py-md-6 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .de-page-mian .page-inner .prev,
    .de-page-mian .page-inner .next,
    .de-page-mian .page-inner span,
    .de-page-mian .page-inner input,
    .de-page-mian .page-inner .page-btn {
        display: block !important;
    }

    img.i-md-40 {
        width: 40px;
        height: 40px;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .icon_img {
        width: 60px;
        height: 60px;
    }


    /*自定义*/

    .name_box_w,
    .foot_name_box_w {
        height: 70px;
    }

    #banner_box,
    #page_banner_box,
    #page_banner_box_p {
        margin-top: 70px;
    }

    .flash .text_box {
        padding-bottom: 50px !important;
    }

    .top_logo img {
        max-height: 40px;
    }

}

@media (min-width: 992px) {

    .fs-lg-12 {
        font-size: 1.2rem;
    }

    .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.4rem;
    }

    .fs-lg-24 {
        font-size: 2.4rem;
    }

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

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

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

    .fs-lg-32 {
        font-size: 3.2rem;
    }

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

    .fs-lg-36 {
        font-size: 3.6rem;
    }

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

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

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

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

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

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

    .py-lg-6 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .icon_img {
        width: auto;
        height: auto;
    }

    .border-lg-top {
        border-top: 1px solid #efefef;
    }

    .border-lg-left {
        border-left: 1px solid #efefef;
    }

    .border-lg-right {
        border-right: 1px solid #efefef;
    }

    .border-lg-bottom {
        border-bottom: 1px solid #efefef;
    }

    .border-lg-top-0 {
        border-bottom: 0;
    }

    .border-lg-bottom-0 {
        border-bottom: 0 !important;
    }

    .pos-lg-mid {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .mImg {
        max-width: 640px;
    }

    .more span:before {
        content: "";
        display: inline-block;
        width: 40px;
        height: 1px;
        background-color: #fff;
        vertical-align: middle;
        margin-right: 10px;
    }

    .more:hover span:before {
        background-color: #000 !important;
    }

    img.i-lg-60 {
        width: 60px;
        height: 60px;
    }

    img.i-lg-auto {
        width: auto !important;
        height: auto !important;
    }

    /*自定义*/

    .name_box_w,
    .foot_name_box_w {
        height: 90px;
    }

    #banner_box,
    #page_banner_box,
    #page_banner_box_p {
        margin-top: 90px;
    }

    #page_banner_box .box {
        background-size: cover !important;
    }

    .flash .text_box {
        padding-bottom: 100px !important;
    }

    .flash .swiper-pagination-bullet {
        padding: 0 12px;
    }

    .flash .swiper-pagination-bullet.swiper-pagination-bullet-active i {
        margin-left: 36px;
    }

    @keyframes sliderPagination {
        100% {
            width: 112px !important;
        }
    }

    .top_logo {
        width: 255px;
    }

    .top_logo img {
        max-height: 60px;
    }

    .nav_box {
        width: calc(100% - 375px);
    }

    .top_btn {
        width: 100px;
    }

    .catname:after {
        top: 5px;
        left: -5px;
        z-index: 0;
    }
    #e_logo { width: calc(100% - 430px); }
    #e_share { min-width: 430px; }

    /*index*/

    .hotNew .swiper-button-prev,
    .hotNew .swiper-button-next {
        width: 30px !important;
        height: 30px !important;
        line-height: 26px !important;
    }

    .myfw_gd .swiper-button-next,
    .myfw_gd .swiper-button-prev {
        width: 27px !important;
        height: 44px !important;
    }


    .cates_gd .swiper-slide {
        width: 94% !important;
    }

    .cates_gd .swiper-button-next {
        right: calc((100% - 94% - 26px)/2);
    }

    /*fylc*/

    #fylc #box1 li.row .content {
        max-width: calc(100% - 220px - 42px - 6rem);
    }


    #fylc #box1 li.row .tip {
        min-height: 120px;
    }

    #fylc #box1 li.row .tip:after {
        content: '';
        display: block;
        width: 1px;
        height: 300px;
        background-color: #e5e5e5;
        position: absolute;
        top: 0;
        left: 48%;
    }


    #fylc #box1 li.row:last-child .tip:after {
        display: none !important;
    }

    .gImg {
        bottom: -50px !important;
    }

    /*zzjx*/

    .year>div {
        width: 220px;
    }

    .backTop p {
        width: 60px;
        height: 60px;
        position: relative;
    }

    .mainInfo img {
        display: inline-block;
    }

    #jtjj .video_box {
        width: 100vw !important;
        height: 100vh !important;
    }


    #jtjj .ly_gd .swiper-slide .sound {
        width: 124px;
        height: 124px;
    }

    #jtjj .ly_gd .swiper-slide:after {
        left: 155px !important;
        width: 50px;
    }

    .ly_gd .swiper-slide:nth-child(odd):after {
        top: 30px !important;
    }

    .ly_gd .swiper-slide:nth-child(even):after {
        bottom: 30px !important;
    }

    #qywh #box1 .qyicon li a {
        width: 130px;
        height: 130px;
    }

    .news_nav .all_nav {
        height: 58px;
    }

    .news_nav .all_nav:hover {
        padding: 0 15px !important;
        height: 58px;
        line-height: 58px !important;
    }

    #product .tip {
        width: 50px;
        height: 40px;
        line-height: 40px;
    }

    #piclist .mainInfo {
        height: 120px;
        overflow: hidden;
    }

    #tpl_list .on .title { padding: 30px !important; }


    .clamp-lg-2 { 
      -webkit-line-clamp: 2;
    }

    .clamp-lg-3 { 
      -webkit-line-clamp: 3;
    }

}

@media (min-width: 1200px) {

    .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-19 {
        font-size: 1.9rem;
    }

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

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

    .fs-xl-24 {
        font-size: 2.4rem;
    }

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

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

    .fs-xl-32 {
        font-size: 3.2rem;
    }

    .fs-xl-36 {
        font-size: 3.6rem;
    }

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

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

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

    .fs-xl-46 {
        font-size: 4.6rem;
    }

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

    .fs-xl-54 {
        font-size: 5.4rem;
    }

    .fs-xl-60 {
        font-size: 6.0rem;
    }

    .fs-xl-65 {
        font-size: 6.5rem;
    }

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

    .fs-xl-80 {
        font-size: 8.0rem;
    }

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

    .lh-xl-22 {
        line-height: 2.2;
    }

    .lh-xl-30 {
        line-height: 3;
    }

    .lh-ts-28 { line-height: 28px; }
    .lh-ts-30 { line-height: 30px; }

    .container {
        max-width: 1200px;
    }

    .pt-xl-6 {
        padding-top: 60px !important;
    }

    .py-xl-45 {
            padding-top: 45px !important;
            padding-bottom: 45px !important;
    }

    .py-xl-55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .py-xl-6 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .py-xl-7 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .py-xl-8 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .py-xl-10 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .py-xl-15 {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
    }

    .w-xl-25 { width: 25%; }

    
    .w-xl-75 {
        width: 75% !important;
    }

    .mw-xl-800 {
        max-width: 800px !important;
    }
    .mw-xl-1000 {
        max-width: 1000px !important;
    }

    .mw-xl-1200 {
        max-width: 1200px !important;
    }

    .i-xl-auto {
        width: auto !important;
        height: auto !important;
    }

    .pos-xl-mid {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .scrolling {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .float-xl-left { float: left; }

    /*自定义*/
    .name_box_w,
    .foot_name_box_w {
        height: 112px;
    }

    #banner_box,
    #page_banner_box,
    #page_banner_box_p {
        margin-top: 112px;
    }

   /*.jw-controlbar { top: 590px; }*/

    #page_banner_box .box {
        height: 510px;
    }

    .flash .text_box {
        padding-bottom: 150px !important;
    }

    .top_logo {
        width: 400px;
    }

    .top_logo img {
        height: auto;
        max-height: 80px !important;
    }

    .nav_box {
        width: calc(100% - 520px);
    }

    .top_btn {
        width: 120px;
    }

    .subNav li {
        margin-right: 50px !important;
    }

    .nav-tabs .nav-link.active {
        font-size: 2.0rem;
    }

    .cates_gd .swiper-slide {
        width: 1200px !important;
    }

    .cates_gd .swiper-button-next {
        right: calc((100% - 1100px - 26px)/2);
    }


    #in_box3 .next {
        width: calc(100% - 280px) !important;
    }


    #in_box1 { padding-top: 90px !important; padding-bottom: 80px !important; }

    #in_box4 { padding-top: 85px !important; padding-bottom: 55px !important; }

    #in_box5 { padding-top: 150px !important; padding-bottom: 125px !important; }

    .myfw_gd .gallery-thumbs .swiper-slide-thumb-active .text_box p {
        font-size: 2.0rem;
    }

    .cates_gd .imgbox_4_3 img {
        width: 800px !important;
    }


    .subNav li a.active {
        font-size: 2.0rem;
    }

    #fylc .year>div {
        width: 220px;
    }

}

@media (min-width: 1530px) {

    .top_logo {
        width: 500px;
    }


    .top_logo img {
        height: auto;
        max-height: 80px !important;
    }

    .nav_box {
        width: calc(100% - 620px);
    }

    .top_btn {
        width: 120px;
    }

    .container {
        max-width: 1430px;
    }

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

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

    .fs-xxl-33 {
        font-size: 3.3rem;
    }

    .fs-xxl-60 {
        font-size: 6rem;
    }

    .fs-xxl-70 {
        font-size: 7rem;
    }

    .fs-xxl-88 {
        font-size: 8.888rem;
    }

    .w-xxl-75 {
        width: 75% !important;
    }

    .w-xxl-85 {
        width: 85% !important;
    }

    .px-xxl-5{
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .flash .text_box {
        padding-bottom: 327px !important;
    }

    .flash .play_btn {
        bottom: 115px !important;
    }

    .flash .controls {
        top: 500px !important;
        height: 30px;
    }

    #in_box1 .in_title {
        margin-bottom: 45px !important;
    }

    .subNav {
        overflow-x: hidden;
    }

    .subNav li {
        margin-right: 50px !important;
    }

    .cates_gd .swiper-slide {
        width: 1400px !important;
    }

    .cates_gd .swiper-button-next {
        right: calc((100% - 1400px - 26px)/2) !important;
    }

    .myfw_gd .gallery-thumbs { max-width: 1400px; }


    #footer_nav ul {
        margin-left: -64px !important;
        margin-right: -64px !important;
    }

    #footer_nav ul li {
        padding-left: 64px !important;
        padding-right: 64px !important;
    }


}

/*1920效果*/
@media (min-width: 1920px) {

    .top_logo {
        width: 630px;
    }

    .top_logo {
        margin-left: 45px;
        width: 630px;
    }

    .top_logo img {
        height: auto;
        max-height: 80px !important;
    }    

    .nav_box {
        width: calc(100% - 808px);
        padding: 0 50px 0 140px !important;
    }

    .top_btn {
        width: 120px;
    }

    #fylc #box1 li.row .content {
        max-width: 920px;
    }


    .menu1 { padding: 65px 115px 65px 185px !important; }
    .menu2 { padding: 65px 185px 65px 115px !important; }

     /*自定义*/
    #banner_box .flash {
        position: relative;
        width: 1920px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }

    #page_banner_box img {
        position: relative;
        width: 1920px;
        max-width: 1920px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

}


/*1200调整间距*/
@media (min-width: 1200px) {

    .mb-ts-25 {
        margin-bottom: 25px !important;
    }

    .mb-ts-40 {
        margin-bottom: 40px !important;
    }

    .mb-ts-45 {
        margin-bottom: 45px !important;
    }

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

    .mb-ts-50 {
        margin-bottom: 50px !important;
    }

    .mb-ts-75 {
        margin-bottom: 75px !important;
    }

    .mb-ts-85 {
        margin-bottom: 85px !important;
    }

    .pb-ts-75 {
        padding-bottom: 75px !important;
    }

    .more.border {
        padding: 14px 41px !important;
    }

    #in_box1 .nav-tabs li {
        margin-right: 64px !important;
    }

    #in_box1 .nav-tabs li:last-child {
        margin-right: 0 !important;
    }

    #in_box1 .hot_title {
        width: calc(100% - 120px);
        margin-left: 25px !important;
    }

    #in_box1 #bar {
        margin-top: 60px !important;
    }

    #in_box2 .in_title {
        padding-top: 76px !important;
        padding-bottom: 59px !important;
    }

    #in_box3 .prev {
        width: 260px !important;
        padding-right: 58px !important;
    }

    #in_box3 .next {
        padding-left: 56px !important;
    }

    #in_box3 .in_title {
        padding-top: 100px !important;
        padding-bottom: 70px !important;
    }

    #in_box3 .in_title .border-right {
        padding-right: 57px !important;
        margin-right: 57px !important;
    }

    #in_box6_1 .box {
        width: 700px;
        max-width: 100%;
        float: right;
        padding-left: 56px !important;
        padding-top: 85px !important;
        padding-bottom: 105px !important;
    }

    #in_box6_2 .box {
        width: 700px;
        max-width: 100%;
        float: left;
        padding-left: 120px !important;
        padding-top: 85px !important;
        padding-bottom: 105px !important;
    }

    /*jtjj*/
    #jtjj #box3 .box {
        padding: 80px 0 50px !important;
    }

    #jtjj #box4 .box {
        padding: 160px 0 !important;
    }

    /*fylc*/

    /*zzjx*/
    #zzjx #box2 .box {
        padding: 90px 0 100px !important;
    }

}

@media (min-width: 1px) {
    .more_hover_left:hover {
        padding-left: 70px !important;
        padding-right: 20px !important;
    }

    .pb-ts-0 {
        padding-bottom: 0 !important;
    }

}