@charset "utf-8";


@media (min-width:1601px) {
    html {
        font-size: 16px;
    }
}

@media (min-width:1400px) and (max-width:1600px) {
    html {
        font-size: 14px;
    }
}

@media (min-width:640px) and (max-width:1399px) {
    html {
        font-size: 13px;
    }
}

@media (min-width:481px) and (max-width:639px) {
    html {
        font-size: 13px;
    }
}

@media (min-width:329px) and (max-width:480px) {
    html {
        font-size: 13px;
    }
}


@media (min-width: 768px) {}

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

@media (min-width: 1200px) {
    /* .s_news .hd ul li:hover a:before { border-image: linear-gradient(to right, #ff0410 0%, #e896b2 75%, #f5d8db 100%) 4;} */
    /* .s_news .hd ul li:hover a:after {width: 100%;left: 0;right: auto;} */
    /* .s_news .hd ul li:hover a {color: #fff;} */
}

@media (min-width: 1280px) {}

@media (min-width: 1440px) {}

@media (min-width: 1660px) {}

@media screen and (min-width:1200px) and (max-width:1440px) {}

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

@media (max-width: 1600px) {
    .n_hongzhen .m .vsbox {
        display: flex;
    }

    #banner .txt {
        width: 48rem;
    }

    #banner .m .ipbox {
        right: 18rem;
        bottom: 10%;
        width: 30rem;
    }

    #banner .m .ipbox::before {
        content: '';
        position: absolute;
        width: 37.8125rem;
        height: 30.4375rem;
        background: url(../images/ipquan.png)no-repeat;
        background-size: cover;
        opacity: 0;
        left: -21%;
        z-index: 10;
        bottom: 10%;
    }
    .fzbox .swiper-slide:nth-child(odd) .winova-xdxian, .fzbox .swiper-slide:nth-child(odd) .winova-xdxian-none {
        top: -1rem;
    }
}

.web {}

.wap {
    display: none;
}

@media (max-width: 1440px) {
    .modal-content {
        width: 90%;
    }
}

@media (max-width: 1360px) {
    .fzbox .swiper-slide:nth-child(odd) .winova-xdxian, .fzbox .swiper-slide:nth-child(odd) .winova-xdxian-none {
        top: -0.6875rem;
    }
}

@media (max-width: 1280px) {
    #banner .m .ipbox {
        right: 10rem;
        bottom: 10%;
        width: 30rem;
    }

    #banner .txt {
        width: 36rem;
    }
}

@media (max-width: 1200px) {
    #nav {
        margin-right: 1.5rem;
    }

    #header {
        display: none !important;
    }

    #m_header {
        display: block;
    }

    #nav_btn_box {
        display: block;
    }

    .n_title {
        display: none
    }

    #m_n_nav {
        display: block
    }

    .web {
        display: none;
    }

    .wap {
        display: block;
    }

    span.wap {
        display: inline;
    }

    .online_q {
        display: none;
    }

    body,
    body.nei {
        padding-top: 4.5rem;
    }

    .fp-viewing-page1 .menu-handler {
        opacity: 1;
        visibility: visible;
    }


    .foot_nav {
        display: none;
    }

    .n_banner {
        margin-top: 0;
    }

    #pcnav {
        display: none;
    }

    .page .box {
        gap: 1rem 0;
        margin: 2rem 0;
    }

    .n_zrhonor .m {
        gap: 5rem;
    }

    .n_deed .deedbox #n_deed .swiper-slide {
        flex-direction: column;
    }

    .n_fw2 .n_fw2box1 .centerbox ul li p {
        font-size: 1rem;
        line-height: 1.5;
    }
    .lcbox {
        display: none;
    }
    .licheng_slide_wap {
        display: block;
    }
}

@media (max-width: 1100px) {
    .n_honor .m .ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1100px) {
    .page a:hover {
        border: 1px solid transparent;
        text-decoration: none;
        color: #fff;
    }

    .page .on::before {
        opacity: 1;
    }

    .n_product ul {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px) {
    .s_tt {
        font-size: 2.25rem;
    }

    #fp-nav,
    .line02,
    .line03 {
        display: none;
    }

    #banner .videobox img {
        height: 55%;
        object-fit: cover;
    }

    .s_about .m {
        flex-direction: column;
        gap: 2rem;
    }

    .s_about .m .aboutleft {
        padding-left: 0;
    }

    .s_about .m .aboutleft>p {
        margin: 1.75rem 0 2rem;
    }

    .s_about .m .aboutleft .s_tit {
        margin-top: 3rem;
    }

    .s_about .m .aboutright {
        margin-bottom: 3rem;
    }

    .byc {
        flex-direction: column;
        margin-bottom: 3rem;
    }

    .bycs,
    .bycs .bl {
        width: 100% !important;
        height: 15rem;
    }

    .bycs {
        margin: 1rem 0;
    }

    .bycs+.bycs {
        margin-left: 0;
    }

    .bycs.on .byc_tit {
        left: 2.25rem;
    }

    .bycs .byc_tit {
        bottom: 1.25rem;
    }

    .n_newcenter ul {
        grid-template-columns: 1fr 1fr;
    }

    .n_newxq .right_con {
        display: none;
    }

    .n_newxq .left_con {
        padding-right: 0;
    }

    .xqall {
        flex-direction: column;
        gap: 1rem;
    }

    #xqs {
        max-width: 100%;
    }
    .n_ln #linian {
        max-width: 100%;
    }
}

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

@media (max-width: 860px) {
    #list_slide .fx {
        flex-direction: column;
        gap: 1rem;
    }

    .n_zhaopin #list_slide dt {
        height: auto;
        padding: 1.25rem 1.75rem;
    }

    .n_videobox ul {
        grid-template-columns: 1fr 1fr;
    }

    .n_fw1 .fw1box {
        flex-direction: column;
        gap: 1.25rem;
    }

    .n_fw1 .fw1box>div {
        order: -1;
    }

    .n_fw1 .fw1box ul li {
        justify-content: space-between;
        gap: 2rem;
        width: 100%;
    }

    .n_fw1 .fw1box .fw1right li {
        flex-direction: row-reverse;
    }

    .n_fw1 .fw1box ul {
        width: 100%;
        gap: 1.25rem;
    }

    .n_fw2 .n_fw2box3 .m {
        flex-direction: column;
        gap: 2rem;
    }

    .n_fw2 .n_fw2box3 ul li:first-child,
    .n_fw2 .n_fw2box3 ul li:nth-child(2) {
        margin-left: 0;
    }

    .n_fw2 .n_fw2box3 ul,
    .n_fw2 .n_fw2box3 ul li .img {
        width: 100%;
    }

    .n_fw2 .n_fw2box3 ul {
        gap: 1.25rem 2rem;
    }
    .n_contactus .contact_slide_nav {
        height: 20%;
        width: 100%;
        flex-direction: row;
        position: relative;
        padding: 1.25rem 0;
        gap: 1rem;
    }
    .n_contactus .contact_slide_for .li .contact_address {
        width: 100%;
        height: 24rem;
        top: auto;
        transform: translate(0, 0);
        bottom: 0;
        padding: 2rem 1rem;
        position: relative;
        border-bottom: 1px solid rgb(255 255 255 / 30%);
    }
    .contact_address h4 {
        font-size: 1.625rem;
    }
    .contact_address h5 {
        font-size: 1.5rem;
    }
    .contact_address ul li {
        gap: 0.5rem;
    }
    .contact_address ul li a {
        font-size: 1rem;
        align-items: flex-start;
    }
    .contact_address ul li div {
        width: 38px;
        height: 46px;
    }
    .n_contactus .contact_slide_for .li {
        height: auto;
    }
    .n_contactus .contact_slide_nav li::before {
        display: none;
    }
    .n_contactus .contact_slide_nav li img {
        width: 3rem;
    }
    .n_contactus .contact_slide_nav li i {
        font-size: 3rem;
    }
    .n_ln {
        padding: 4rem 0 5.25rem;
    }
}

@media (max-width: 768px) {
    .pad_top {
        padding-top: 5rem !important;
    }

    .pad_bot {
        padding-bottom: 5rem !important;
    }


    .m {
        padding: 0 50px;
    }

    #banner .m .ipbox {
        display: none;
    }

    .foot_link {
        width: 100%;
    }

    .s_pro #proimg .swiper-slide .procon h5 {
        font-size: 1.75rem;
    }

    .s_pro .prosbox {
        margin: 0;
    }

    .s_pro #proimg .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 2rem;
    }

    .s_pro #proimg .swiper-slide .procon p {
        margin-top: 0;
    }

    .s_pro #proimg .swiper-slide .milk .img {
        max-width: 12rem;
    }

    .s_pro #proimg .swiper-slide .milk::before,
    .s_pro #proimg .swiper-slide .milk::after {
        left: -40%;
        right: auto;
    }

    .s_about .m .aboutright li,
    .s_about .m .aboutright {
        width: 100%;
    }

    .s_swtich .s_swiperbox {
        padding: 0 1.5625rem;
    }

    #foot .box1 .m {
        flex-direction: column;
        gap: 1.5rem;
    }

    #foot .box2 .m {
        flex-direction: column;
    }

    .s_swtich .tsmore {
        margin: 3.75rem auto;
    }

    #foot .box2 .copyright {
        order: 3;
    }

    .n_honor .m .ul {
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem 2.125rem;
    }

    .n_honor .m .ul .li a .honorcon {
        margin-left: 0;
    }

    .n_zhaopin #list_slide dt h3 {
        grid-template-columns: 1fr 1fr;
        font-size: 1rem;
        width: 100%;
    }

    .n_zhaopin #list_slide dt .tgl {
        position: absolute;
        right: 1rem;
        top: 1rem;
    }

    .n_zhaopin .content {
        padding: 1.5rem 0;
        flex-direction: column;
        gap: 1rem;
    }

    .n_zhaopin .content .scrollbox {
        max-height: 100%;
        padding-right: 0;
    }

    .n_zhaopin #list_slide dd .jianli {
        flex-direction: column;
    }

    .n_zhaopin #list_slide dd::before {
        height: 100%;
        background-size: cover;
    }

    .n_product ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem 2.125rem;
    }

    .n_product .img {
        padding: 2.125rem 1.75rem 2.75rem;
    }

    .n_product ul li a .n_procon {
        padding: 1.25rem 1rem;
    }

    .n_fw2 .n_fw2box2 .fw2pinzhi {
        flex-direction: column;
    }
    .n_fw3 .n_fw3box1 ul {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .pad_top {
        padding-top: 3rem !important;
    }

    .pad_bot {
        padding-bottom: 3rem !important;
    }

    .pad_top2 {
        padding-top: 2.25rem !important;
    }

    .pad_bot2 {
        padding-bottom: 2.25rem !important;
    }

    .pad_top3 {
        padding-top: 1.75rem !important;
    }

    .pad_bot3 {
        padding-bottom: 1.75rem !important;
    }

    .m {
        padding: 0 15px;
    }

    #banner .swiper-container {
        height: 100vh;
    }

    #banner .swiper-slide h4 {
        font-size: 2rem;
    }

    #banner .txt {
        padding: 0;
    }

    .swiper-buttonbox {
        left: 4.5%;
        bottom: 12%;
    }

    #banner .swiper-pagination {
        bottom: 15%;
    }

    .swiper-buttonbox .swiper-button-white {
        height: 103%;
    }

    .draw_h {
        width: 3rem !important;
        height: 3rem !important;
    }

    .fullPage .fp-tableCell {
        height: auto !important;
    }

    .s_tit h5 {
        font-size: 1.75rem;
    }

    .s_tit p {
        font-size: 1.625rem !important;
    }

    .foot_ewm {
        padding-bottom: 3rem;
    }

    .s_news .bd .box .txt h5 {
        font-size: 1.3125rem;
        margin-bottom: .5rem;
    }

    .top_menu_box .top_menu {
        flex-shrink: 0;
        margin-left: 1.4rem;
    }

    .top_menu.btn_language svg {
        width: 1.75rem;
        height: 1.75rem;
        margin-right: .5rem;
    }

    .btn_play {
        width: 5rem;
        height: 5rem;
    }

    .modal-body {
        padding: 2.75rem;
    }

    .close svg {
        width: 1.75rem;
        height: 1.75rem;
    }

    .close {
        top: .5rem;
        right: .5rem;
    }

    .s_tab .li .m .tab_txt {
        margin: 5rem 0 21rem;
    }

    .s_tab .navbox {
        width: 100%;
        right: 0;
        bottom: 5%;
    }

    .s_tab .tab_slide_nav {
        flex-wrap: wrap;
        gap: 1rem;
    }

    #foot .box2 {
        padding-bottom: 2rem;
    }

    .s_pro #proimg .swiper-slide .procon p {
        font-size: 1.625rem;
    }

    .s_pro .prosbox .swiper-button-white {
        bottom: 50%;
    }

    .s_tab .li .m .tab_txt h4 {
        font-size: 2rem;
    }

    .s_tab .li .m .tab_txt h5 {
        font-size: 1.625rem;
    }

    .s_swtich .snew_slide_nav li.on {
        font-size: 1.875rem !important;
    }

    #foot .box1 ul {
        gap: 1.5rem;
    }

    .n_honor .m .ul .li a .honorbox {
        padding: 0;
    }

    .n_honor .m .ul .li a .img {
        height: 9.1875rem;
    }

    .n_honor .m .ul .li a .honorcon p {
        font-size: 1rem;
        line-height: 1.875rem;
    }

    .n_banner {
        height: 14rem;
    }

    .n_zhaopin #list_slide dd .jianli h5 div p {
        font-size: 1.25rem;
    }

    .n_newcenter ul {
        grid-template-columns: 1fr;
    }

    .ar_title h3 {
        font-size: 1.5rem;
    }

    .ar_fot a {
        line-height: 2rem;
        padding: 1rem;
    }

    .n_banner h5 {
        font-size: 1.75rem;
    }

    .n_banner h6 {
        font-size: 1.25rem;
    }

    .n_product ul li a .n_procon p {
        margin: 1rem 0 1.25rem;
    }

    .xqall .xqcon h4 {
        font-size: 1.5rem;
    }

    .xqall .xqcon i {
        margin: 1rem 0;
    }

    .proxqbox {
        padding: 2rem;
    }

    .n_fw2 .n_fw2box1 .centerbox img {
        display: none;
    }

    .n_fw2 .n_fw2box1 .centerbox h3 {
        display: block;
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 2rem;
    }

    .n_fw2 .n_fw2box1 .centerbox li {
        position: static;
        display: flex;
        align-items: center;
        gap: .875rem;
    }

    .n_fw2 .n_fw2box1 .centerbox ul li span {
        display: flex;
    }

    .n_fw2 .n_fw2box1 .centerbox ul li p,
    .n_fw2 .n_fw2box1 .centerbox ul li h6,
    .n_fw2 .n_fw2box1 .centerbox ul li h6 span {
        font-size: 1.0625rem;
        display: flex;
        align-items: center;
        font-weight: normal;
    }

    .n_fw2 .n_fw2box1 .centerbox ul {
        display: grid;
        gap: 1rem;
    }

    .n_fw2 .n_fw2box2 .fwpzbox .fw2bot p {
        line-height: 1.875rem;
    }

    .n_fw2 .n_fw2box2 .fw2pinzhi,
    .n_fw2 .n_fw2box2 .fwpzbox {
        gap: 2.875rem;
    }

    .n_fw2 .n_fw2box2 .fwpzbox .fw2top {
        grid-template-columns: 1fr 1fr;
    }

    .n_fw2 .n_fw2box2 .fwpzbox .fw2bot h5 {
        font-size: 1.375rem;
    }

    .n_fw2 .n_fw2box2 .fwpzbox .fw2top {
        gap: 1.5rem;
    }

    .n_fw2 .n_fw2box5::before {
        width: 100%;
        background: url(../images/fw2bg5.png)center center no-repeat;
        background-size: cover;
        height: 22.0625rem;
    }

    .n_fw2 .n_fw2box5 .dzbox .dzquan {
        margin-bottom: 0;
        position: relative;
        width: 30.25rem;
        height: 18.0625rem;
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .n_fw2 .n_fw2box5 .dzbox .dzquan h4 {
        font-size: 1.75rem;
        line-height: 2.5rem;
    }

    .n_fw2 .n_fw2box5 .dzbox .dzquan::before {
        height: 7.125rem;
        top: -1rem;
        left: 50%;
        width: 21.0625rem;
    }
    .n_fw2 .n_fw2box5 .dzbox {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
    }
    .n_fw2 .n_fw2box5 .dzbox .con {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }
    .n_fw2 .n_fw2box5 {
        padding: 3.125rem 0;
    }
    .n_fw2 .n_fw2box5 .dzbox .con h5 {
        font-size: 1.375rem;
        text-align: center;
    }
    .n_fw3 .n_fw3box1 {
        background: url(../images/fw3bg1.png)#fff  no-repeat;
        background-size: 100% 12%;
    }
    .n_fw4 .n_fw4box1 ul li .fwico {
        display: none;
    }
    .n_fw4 .n_fw4box1 .fwdav h5 {
        position: relative;
        line-height: 2.25rem;
        font-size: 1.25rem;
        margin-top: 2rem;
    }
    .n_fw5 .n_fw5box1 .hezuo .nexthz {
        right: 0;
    }
    .n_fw5 .n_fw5box1 .hezuo .prevhz {
        left: 0;
    }
    .n_fw5 .n_fw5box1 h6 {
        flex-wrap: wrap;
        font-size: 1.5rem;
    }
    .n_fw5 .n_fw5box1 p {
        font-size: 1.25rem;
    }
    .n_fwtit div {
        height: 1.25rem;
    }
    .n_fwtit h4 {
        font-size: 2.5rem;
    }
    .n_fwtit h5 ,
    .n_fw2 .n_fw2box2 .m>h5, .n_fw2 .n_fw2box4 .m>h5 , .n_fw2 .n_fw2box3 .tit h5 {
        font-size: 1.75rem;
    }
    .n_fwtit p {
        font-size: 1.5rem;
    }
    .n_fw1 .fw1box ul li p {
        font-size: 1.375rem;
    }
    .n_contactus .contact_slide_for img {
        height: 20rem;
        width: 100%;
    }
    .n_jianjie .m h4 {
        font-size: 1.75rem;
    }
    .n_jianjie .m h6 {
        font-size: 1.375rem;
        margin: 1rem 0;
    }
    .n_jianjie .jjlbox {
        margin-top: 3.75rem;
    }
    .n_jianjie .jjlbox .jjwz {
        display: none;
    }
    .n_jianjie .jjlbox .swiper-button-white {
        width: 3.5rem;
        height: 3.5rem;
    }
    .n_jianjie .jjlbox .prevjj {
        bottom: 4rem;
    }
}



@media (max-width: 320px) {
    .s_swiper .arrows .swiper-button-white {
        display: none;
    }

    #chanpin {
        margin: 0;
    }
}