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

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

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

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

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

@media (max-width:328px) {
    html {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .n_zhiliang .fl01 ul li a:hover .img img {
        transform: scale(1.05)
    }
    .n_zhiliang .fl02 ul li a:hover .top {
        transform: translateY(0);
        background: rgba(8, 105, 172, 0.9);
    }
    .n_news .fl01 ul li .box:hover .con h5 {
        color: #BF1E2E
    }
    .n_news .fl01 ul li .box .img:hover .red-bg {
        opacity: 1;
        visibility: visible;
    }
    .n_news .fl01 ul li .box .img:hover .line {
        transform: translate(0);
        -webkit-transform: translate(0);
        opacity: 1;
        visibility: visible;
    }
    .n_news .fl01 ul li .box .img:hover img {
        transform: scale(1.05);
    }
    .n_product .n_right ul li .box:hover .con h5 {
        color: #BF1E2E
    }
    .n_product .n_right ul li .box .img:hover .red-bg {
        opacity: 1;
        visibility: visible;
    }
    .n_product .n_right ul li .box .img:hover .line {
        transform: translate(0);
        -webkit-transform: translate(0);
        opacity: 1;
        visibility: visible;
    }
    .n_product .n_right ul li .box .img:hover img {
        transform: scale(1.05);
    }
    .n_product .n_right ul li a:hover .con h6 span {
        background: #BF1E2E;
        color: #fff
    }
    .n_news .fl02 ul li a:hover h5,
    .n_news .fl02 ul li a:hover h4,
    .n_news .fl02 ul li a:hover h4 span {
        color: #BF1E2E
    }
    .n_news .fl02 ul li:hover:before {
        left: 0;
        width: 100%
    }
    .n_news_detail .content .n_right .frl02 ul li:hover a {
        color: #BF1E2E
    }
    .n_product .n_left>ul>li>ul>li>a:hover:before {
        opacity: 1;
        visibility: visible;
        font-weight: bold;
        color: #BF1E2E
    }
    .n_product .n_left>ul>li>ul>li>a:hover {
        opacity: 1;
        visibility: visible;
        font-weight: bold;
        color: #BF1E2E
    }
}

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

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

@media (min-width: 1280px) {
    .tc_search {
        height: 80px;
    }
}

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

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

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

@media (max-width: 1660px) {
    .m1500 {
        margin: 0 4rem;
        max-width: inherit;
        width: auto;
    }
    .m1600 {
        margin: 0 4rem;
        max-width: inherit;
        width: auto;
    }
    .foot_form {}
    .foot_nav dl {}
    .foot_nav dl dt {
        font-size: 1.1rem;
    }
    .foot_nav dl dd {
        font-size: .9375rem;
    }
    .foot_lianxi ul li {
        font-size: .9375rem;
    }
}

@media (max-width: 1600px) {
    #nav ul li a {
        padding: 0 1rem;
    }
}

.web {}

.wap {
    display: none;
}

@media (max-width: 1440px) {
    #nav ul li a {
        padding: 0 .8rem;
    }
    #nav ul li h3 {
        font-size: 1rem;
    }
}

@media (max-width: 1360px) {
    .m1360 {
        margin: 0 4rem;
        max-width: inherit;
        width: auto;
    }
    .m1280 {
        max-width: 1100px;
    }
    .n_about .fl02 .box:before {
        display: none
    }
    .n_about .fl02 .box .img {
        margin-bottom: 4rem
    }
    .n_about .fl02 .box .con {
        position: relative;
        left: 0;
        right: 0;
        margin: 0;
        bottom: auto;
        padding: 0;
        top: auto;
        margin-bottom: 3rem;
        height: auto;
        text-align: center;
        transform: translateX(0);
    }
    .n_about .fl02 .box .con span {
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        margin-bottom: 1rem;
    }
    .n_about .fl02 .box .con h5 {
        text-align: center
    }
    .n_about .fl02 .box .con:before,
    .n_about .fl02 .box .con:after {
        display: none
    }
}

@media (max-width: 1280px) {
    #nav {
        margin-right: 1.5rem;
    }
    #header {
        display: none;
    }
    #m_header {
        display: block;
        padding: 0 3rem;
    }
    .pad_aside .m1600 {
        margin: 0;
    }
    .m1600 {
        margin: 0 45px;
        max-width: inherit;
        width: auto;
    }
    .n_body {
        padding: 4.5rem 0 0
    }
}

@media (max-width: 1200px) {
    #nav {
        margin-right: 0;
    }
    #nav ul li {
        margin: 0;
    }
    #nav ul li a {
        padding: 0 .4rem;
    }
    #online_q {
        display: none;
    }
    .n_licheng .fl01 .miso_hd .slick-prev,
    .n_licheng .fl01 .miso_hd .slick-next {
        top: -65px;
        left: auto;
        right: 0;
    }
    .n_licheng .fl01 .miso_hd .slick-prev {
        right: 80px
    }
    .n_licheng .fl02 .miso_bd h4 {
        font-size: 50px;
        padding-left: 0;
    }
    .n_about .fl01 ul li {
        width: 33.333333%;
        margin: 0;
        text-align: center
    }
    .n_zhiliang .fl01 ul {
        margin: 0 -7px
    }
    .n_zhiliang .fl01 ul li {
        padding: 0 7px;
    }
    .n_zhiliang .fl01 ul li a {
        padding: 15px
    }
    .n_join .fl01 .box01 .right {
        padding: 0 0 0 2rem;
        right: 0
    }
    .n_join .fl01 .box02 .right {
        padding: 0 2rem 0 0;
        left: 0
    }
    .n_join .fl01 .box .left img {
        width: 100%;
        height: 400px;
        object-fit: cover
    }
    .n_product .n_right ul li {
        width: 50%
    }
    .cooperation .coop li {
        width: calc( 100% / 3);
    }
}

@media (max-width: 1100px) {
    .foot_form {
        width: 50%;
    }
    .foot_nav {
        display: none;
    }
    .foot_lianxi {
        width: 50%;
    }
}


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

@media (max-width: 992px) {
    .web {
        display: none;
    }
    .wap {
        display: block;
    }
    #s_news .left {
        width: 100%;
        float: none;
    }
    #s_news .right {
        width: 100%;
        float: none;
    }
    #s_news .li {
        height: auto !important;
        width: 100%;
        float: none;
    }
    #s_news .li.li_1 .txt .btn_more {
        margin-top: 2rem;
        width: 120px;
        height: 40px;
        line-height: 36px;
    }
    .mianbao {
        display: none
    }
    #m_n_nav {
        display: block
    }
    .n_banner {
        margin-top: 4.2rem;
        height: 28vh;
        background-size: cover !important
    }
    .n_banner h2 {
        font-size: 20px;
    }
    .n_banner h3 {
        font-size: 24px
    }
    .n_zhiliang .fl01 ul li {
        width: 50%;
        margin-bottom: 15px;
    }
    .n_join .fl02 .left {
        width: 16rem;
    }
    .n_join .fl02 .left .bottom .box .con {
        padding: 1.25rem 1rem 0;
        width: calc(100% - 5rem);
    }
    .n_join .fl02 .left .bottom .box .con h3 {
        font-size: 1rem;
        margin-bottom: 0.25rem;
    }
    .n_join .fl02 .left .bottom .box .icon img {
        height: 20px;
        margin-top: -3px
    }
    .n_join .fl02 .left .bottom .box {
        height: 5rem
    }
    .n_join .fl02 .left .bottom .box .icon {
        width: 5rem;
        line-height: 5rem;
    }
    .n_join .fl02 .right {
        width: calc(100% - 18rem)
    }
    .n_product .n_left {
        width: 100%;
        margin-bottom: 3rem
    }
    .n_product .n_right {
        width: 100%
    }
    .n_product .n_left .pro_tit_l {
        height: 80px;
        padding-top: 20px;
    }
}

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

@media (max-width: 860px) {
    .m1600 {
        margin: 0 2rem;
        max-width: inherit;
        width: auto;
    }
    .m1500 {
        margin: 0 2rem;
        max-width: inherit;
        width: auto;
    }
    .m1360 {
        margin: 0 2rem;
        max-width: inherit;
        width: auto;
    }
    .m1280 {
        margin: 0 2rem;
        max-width: inherit;
        width: auto;
    }
}

@media (max-width: 767px) {
    .m1600 {
        margin: 0 1rem;
        max-width: inherit;
        width: auto;
    }
    .m1500 {
        margin: 0 1rem;
        max-width: inherit;
        width: auto;
    }
    .m1360 {
        margin: 0 1rem;
        max-width: inherit;
        width: auto;
    }
    .m1280 {
        margin: 0 1rem;
        max-width: inherit;
        width: auto;
    }
    .pad_top {
        padding-top: 3rem;
    }
    .pad_bot {
        padding-bottom: 3rem;
    }
    #s_news .li .txt {
        padding: 3rem 2rem;
    }
    #s_news .li .txt .time {
        font-size: .8rem;
        opacity: .7;
        margin-bottom: .5rem;
    }
    #s_news .li .txt h5 {
        font-size: 1.1rem;
        line-height: 1.6rem;
        max-height: 3.2rem;
    }
    #s_news .li .txt p {
        height: 3.2rem;
        line-height: 1.6rem;
        overflow: hidden;
    }
    #s_news .li .txt .btn_more {
        font-size: .75rem;
    }
    .foot_form {
        width: 100%;
        padding: 0;
    }
    .foot_lianxi {
        width: 100%;
        padding: 0;
        margin-bottom: 2rem;
    }
    .foot_lianxi .box {
        float: none;
    }
    .n_about .left {
        width: 100%
    }
    .n_about .right {
        width: 100%
    }
    .n_gonggong .title00 h4 br {
        display: none
    }
    .n_about {
        padding: 3rem 0
    }
    .n_licheng .fl02 .miso_bd h4 {
        font-size: 30px;
    }
    .n_licheng .fl02 .miso_bd .right {
        width: calc(100% - 70px);
        padding: 67px 0;
        padding-left: 30px;
    }
    .n_licheng .fl02 .miso_bd .right dl dd {
        font-size: 14px
    }
    .n_licheng .fl01 h3 {
        padding: 29px 0px 0;
        font-size: 30px;
        margin-bottom: 116px;
    }
    .n_licheng .fl01 .miso_hd .slick-prev,
    .n_licheng .fl01 .miso_hd .slick-next {
        width: 32px;
        height: 32px;
        background-size: cover !important
    }
    .n_licheng .fl01 .miso_hd .slick-prev {
        right: 50px;
    }
    .n_licheng .fl01 {
        background-size: cover !important;
        height: 256px;
    }
    .n_zizhi ul li .pic_box {
        height: 260px
    }
    .n_zizhi ul li img {
        max-height: 250px
    }
    .n_zizhi ul li h5 {
        font-size: 14px
    }
    .page {
        font-size: 0
    }
    .page a {
        padding: 0 10px
    }
    .page .btt {
        display: none
    }
    .n_zizhi {
        padding: 3rem 0
    }
    .n_about .fl01 ul li h2 {
        font-size: 35px
    }
    .n_about .fl01 ul li h5 {
        font-size: 14px;
    }
    .n_zhiliang .fl02 ul {
        margin: 0 -7px
    }
    .n_zhiliang .fl02 ul li {
        width: 50%;
        padding: 0 7px
    }
    .n_zhiliang .fl01 ul li a .con h6 {
        font-size: 10px;
    }
    .n_gonggong .title00 {
        margin-bottom: 2rem
    }
    .n_zhiliang .fl02,
    .n_zhiliang .fl01 {
        padding: 3rem 0
    }
    .slick-lightbox .slick-prev,
    .slick-lightbox .slick-next {
        transform: scale(0.6)
    }
    .slick-lightbox .slick-prev {
        left: 0 !important
    }
    .slick-lightbox .slick-next {
        right: 0 !important
    }
    .n_join .fl01 .box {
        margin-bottom: 1rem
    }
    .n_join .fl01 .box .left {
        width: 100%;
        margin-bottom: 2rem
    }
    .n_join .fl01 .box .right {
        padding: 10px 0;
        position: relative;
        width: 100%
    }
    .n_join .fl02 .left {
        width: 100%;
        margin-bottom: 2rem;
        display: none;
    }
    .n_join .fl02 .right {
        width: 100%
    }
    .n_join .fl02 ul li .ar_article h6 {
        width: 100%;
        background-size: 8px auto !important;
        font-size: 11px;
        background-position: 0 0.25rem !important
    }
    .n_join .fl02 ul li .ar_article a {
        position: relative;
        width: 110px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }
    .n_join .fl02 ul li .ar_article p {}
    .n_join .fl02 ul li .ar_article {
        padding: 2rem 1rem
    }
    .n_join .fl02 ul li .top {
        padding: 0 15px;
        height: 70px;
        line-height: 80px;
    }
    .n_join .fl02 ul li .top h5 {
        font-size: 16px;
        line-height: 70px;
    }
    .n_join .fl01,
    .n_join .fl02 {
        padding: 3rem 0
    }
    .n_join .fl01 .box .left img {
        height: auto
    }
    .n_join .fl01 .box .right h3 img {
        height: 24px
    }
    .n_contact .fl02 ul li {
        width: 100%;
        margin-bottom: 1rem
    }
    .n_contact .fl02 ul li .box .p {
        min-height: inherit
    }
    .n_contact .fl00 .left {
        width: 100%;
        height: auto;
        padding: 2rem 1.5rem;
    }
    .n_contact .fl00 .right {
        width: 100%
    }
    .n_contact .fl00 .right iframe {
        height: 260px
    }
    .n_contact .fl00 .left p {
        font-size: 13px;
        line-height: 26px
    }
    .n_contact .fl02 h3 {
        margin-bottom: 3rem
    }
    .n_news .fl01 ul {
        margin: 0 -5px
    }
    .n_news .fl01 ul li {
        padding: 0 5px;
        width: 100%;
        margin-bottom: 1rem;
    }
    .n_news .fl02 ul li {
        padding: 1rem 0 1rem
    }
    .n_news_detail {
        padding: 2.5rem 0 2.5rem
    }
    .n_news_detail .content .n_left .n_left_box {
        padding: 2rem 2rem
    }
    .n_news_detail .content .n_left .title h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .n_news_detail .content {
        display: block
    }
    .n_news_detail .content .n_left {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 3rem
    }
    .n_news_detail .content .n_right {
        display: block;
        width: 100%
    }
    .n_news_detail .content .n_right .frl01 ul {
        width: 100%
    }
    .n_news_detail .content .n_left .title h6 .span2 {
        display: none
    }
    .b_nav .con {
        font-size: 14px;
    }
    .n_fade .fl01 .left {
        width: 100%;
        margin-bottom: 3rem;
    }
    .n_fade .fl01 .right {
        width: 100%
    }
    .n_fade .fl01 .left p {
        font-size: 13px;
        line-height: 26px;
    }
    .n_fade .fl01 .left h2 img {
        height: 120px
    }
    .n_gonggong .title00 h4 {
        margin-bottom: 0.5rem
    }
    .n_banner01 ul li .left {
        padding: 0 1rem 0 0
    }
    .n_banner01 ul li .left h3 {
        font-size: 16px;
    }
    .n_banner01 ul li .left h4 {
        font-size: 14px;
        margin: 0.5rem 0 1rem;
    }
    .n_banner01 ul li .left p {
        font-size: 11px;
        line-height: 20px;
    }
    .n_banner01 ul li .m1360 {
        height: 370px;
    }
    .n_product {
        padding: 3rem 0
    }
    .n_product .n_left>ul>li>.a {
        height: 45px;
        line-height: 41px;
    }
    .n_product .n_left>ul>li>ul>li>a {
        line-height: 28px;
        height: 28px
    }
    .n_product .n_right ul {
        margin: 0 -5px;
    }
    .n_product .n_right ul li {
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .n_product .n_right ul li .con h6 span {
        width: 100px;
        height: 35px;
        line-height: 35px;
        font-size: 12px;
    }
    .n_product .n_right ul li .con {
        padding: 1.5rem 1rem
    }
    .n_product_detail .fl01 .left {
        width: 100%;
        margin-bottom: 3rem
    }
    .n_product_detail .fl01 .left .con {
        height: auto;
        overflow: hidden;
        padding: 0;
        margin-bottom: 0;
    }
    .n_product_detail .fl01 .right {
        width: 100%;
        padding: 0;
    }
    .n_product_detail .fl02 .slick-prev {
        left: 0
    }
    .n_product_detail .fl02 .slick-next {
        right: 0
    }
    .n_product_detail .fl04 ul {
        margin: 0 -5px
    }
    .n_product_detail .fl04 ul li {
        width: 100%;
        margin-bottom: 1rem;
        padding: 0 5px;
    }
    .position span,
    .position a,
    .position i {
        line-height: 24px;
        font-size: 12px;
    }
    .position {
        margin: 1.5rem 0;
        font-size: 12px;
        padding: 1rem 0;
    }
    .n_zhiliang .fl02 ul li a .img img {
        height: 120px;
    }
    .n_product_detail .fl02 ul li a .icon {
        width: 6rem;
        height: 6rem;
        line-height: 5.875rem
    }
    .n_product_detail .fl02 ul li a .icon img {
        max-height: 36px
    }
    .n_product_detail .fl04 {
        padding: 3rem 0
    }
    .n_product_detail .fl03 {
        padding: 3rem 0 2rem
    }
    .fenxiang_box {
        display: none
    }
    .b_nav .con.fr img,
    .b_nav .con.fl img {
        width: 18px;
    }
    .b_nav .con.center img {
        width: 20px;
    }
    .n_product_detail .fl01 .right .slick-prev,
    .n_product_detail .fl01 .right .slick-next {
        transform: scale(0.8)
    }
    .n_product_detail .fl01 .right .slick-prev {
        background: url(https://www.qvand.com/template/default/images/left02.png) center no-repeat;
        left: -1rem
    }
    .n_product_detail .fl01 .right .slick-next {
        background: url(https://www.qvand.com/template/default/images/right02.png) center no-repeat;
        right: -1rem
    }
    #banner,
    #banner .con,
    #banner li,
    #banner li .img {
        height: 35vh;
    }
    .n_contact .fl01 .img {
        transform: scale(1.25)
    }
    .n_contact .fl01 .img .llq .con {
        transform: scale(0.7)
    }
    .form .layui-form-item {
        width: 100%
    }
    .tc_toudi {
        width: 94%
    }
    .n_contact .fl02 ul li .box {
        padding: 20px 15px;
    }
    .n_contact .fl02 ul li .box h5 {
        font-size: 16px
    }
    .n_news_detail .content .n_right .sticky {
        width: 100%
    }
    .appendArrows {
        display: none
    }
    #banner {
        margin-top: 4.5rem
    }
    #banner .letter span {
        min-width: 10px;
    }
    .n_banner01 ul li .left {
        width: 100%;
        margin-bottom: 2rem;
    }
    .n_banner01 ul li .right {
        width: 100%
    }
    .n_banner01 ul li .right img {
        max-width: 60%
    }
    .n_banner01 .slick-dots {
        bottom: 10px
    }
    .cooperation .coop li {
        width: 50%;
    }
    .cooperation .coop {
        margin: 40px auto;
    }
}

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

@media (max-width: 480px) {
    .pad_top {
        padding-top: 2rem;
    }
    .pad_bot {
        padding-bottom: 2rem;
    }
    .pad_aside {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .n_article .ar_article {
        padding-bottom: 10px !important;
    }
    .ar_article table {
        width: 100% !important;
    }
    .ar_article table td,
    .ar_article table th {
        padding: 3px 5px !important;
        font-size: 13px !important;
        font-weight: normal !important;
        width: auto !important;
        height: auto !important;
    }
    .ar_article table td *,
    .ar_article table th * {
        padding: 3px 5px !important;
        font-size: 13px !important;
        font-weight: normal !important;
        padding: 0 !important;
    }
    #gotop {
        display: none;
        width: 3em;
        height: 3rem;
        position: absolute;
        bottom: 2rem;
        right: 1rem;
        position: fixed;
        z-index: 999;
    }
    #m_header {
        display: block;
        padding: 0 15px;
    }
    #m_header #logo img {
        height: 26px;
    }
    #banner .txt h3 {
        font-size: 1.8rem;
        margin-bottom: .6rem;
    }
    #banner .txt p {
        font-size: 14px;
        line-height: 24px;
    }
    #banner .banner-arrow {
        width: 30px;
        height: 30px;
        background-size: 30px !important;
    }
    .appendArrows {
        padding-top: 20rem;
    }
    .s_tt {
        margin-bottom: 2rem;
    }
    .s_tt h3 {
        font-size: 1.2rem;
    }
    #s_news .li .txt {
        padding: 3rem 1rem;
    }
    #s_pro ul li .txt {
        padding: 2rem 1rem;
    }
    #s_pro ul,
    #s_pro_main ul,
    #s_rukou ul {
        margin: 0 -5px;
    }
    #s_pro ul li,
    #s_pro_main ul li,
    #s_rukou ul li {
        padding: 0 5px;
    }
    #s_pro_main ul li .txt {
        padding: 2rem;
    }
    #s_pro_main ul li .txt h5 {
        font-size: 1.3rem;
        margin-bottom: .6rem;
    }
    #s_pro_main ul li .txt p {
        font-size: .875rem;
    }
    #s_pro_main ul li .txt .btn_more {
        font-size: .8rem;
        margin-top: 1rem;
    }
    #s_pro_main .slick-arrow {
        width: 2.8rem;
        height: 2.8rem;
        margin-top: -1.4rem;
    }
    #s_pro_main .slick-prev {
        left: 1rem;
    }
    #s_pro_main .slick-next {
        right: 1rem;
    }
    #s_rukou ul li .txt {
        padding: 2.5rem 1rem 1rem;
    }
    #s_rukou ul li .txt h5 {
        font-size: 1.5rem;
    }
    #s_rukou ul li .txt .con {
        font-size: .8rem;
    }
    #s_link .right {
        width: 100%;
    }
    #s_link a {
        margin-left: 0;
        margin-right: 10px;
    }
    h1.foot_logo {
        max-width: 80%;
    }
    .foot_form form {
        margin-top: 1rem;
    }
    .foot_form .tip {
        font-size: 11px;
    }
    .n_zizhi ul li .pic_box {
        height: 200px
    }
    .n_zizhi ul li img {
        max-height: 190px
    }
    .n_zizhi ul {
        margin: 0 -5px
    }
    .n_zizhi ul li {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 20px;
    }
    .n_product .n_right ul li {
        width: 100%;
    }
}