@media(max-width:1600px) {
    .n_pinpai .fl01 {
        background: url(../images/n_pinpai_fl01_bg.png) 0px center no-repeat;
    }
}

@media(max-width:1440px) {
    .head,
    .about,
    .product,
    .new,
    .link,
    .foot {
        padding-left: 15px;
        padding-right: 15px;
    }
    .n_pinpai .fl01 {
        background: url(../images/n_pinpai_fl01_bg.png) -10px center no-repeat;
    }
}

@media(max-width:1366px) {
    .n_pinpai .fl01 {
        background: url(../images/n_pinpai_fl01_bg.png) -95px center no-repeat;
    }
}

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

@media(max-width:1200px) {
    .mid_foot {
        float: left;
        margin-left: 60px;
    }
    .nav ul li a {
        padding: 0 30px;
    }
}

@media(max-width:1024px) {
    .mobile-inner-header {
        display: block;
        z-index: 999;
    }
    .head {
        display: none;
    }
    .left_ab,
    .right_ab {
        width: 100%;
        float: none;
    }
    .about {
        padding-top: 30px;
    }
    .right_ab {
        margin-top: 35px;
    }
    .about {
        background-size: cover;
    }
    .nw {
        width: 48%;
        margin-bottom: 20px;
    }
    .nw:nth-child(2n) {
        margin-right: 0;
    }
    .new {
        background-size: cover;
        padding-bottom: 30px;
    }
    .foot {
        display: none;
    }
}

@media(max-width:768px) {
    .rabtitle span {
        font-size: 28px;
    }
    .rabtitle img {
        display: none;
    }
    .product {
        padding-top: 30px;
    }
    .n_title {
        position: relative;
        text-align: center;
        margin-bottom: 2rem;
    }
    .n_title h3 {
        font-size: 36px;
        color: #242424;
        font-family: simkai;
        margin-bottom: 0;
    }
    .n_title h3 span {
        position: relative;
        font-family: simkai;
        text-transform: uppercase;
    }
    .n_title h3 span.span01:after {
        content: "";
        width: 7px;
        height: 7px;
        border: #89211b 2px solid;
        border-radius: 50%;
        position: absolute;
        top: 24px;
        left: 19px;
    }
    .n_title h5 {
        font-size: 14px;
        color: #ababab;
        font-family: Times New Roman;
        text-transform: uppercase
    }
    .n_product {
        padding: 3rem 0;
    }
    .n_product .n_title h3 span.span01:after {
        left: 72px;
    }
    .n_product ul {
        font-size: 0;
        margin: 0 -5px;
    }
    .n_product ul li {
        display: inline-block;
        padding: 0 5px;
        width: 50%;
        text-align: center;
        margin-bottom: 15px;
    }
    .n_product ul li a {
        background: #fff;
        border: #e4e4e6 1px solid;
        display: block;
    }
    .n_product ul li a .con {
        padding: 27px 0 10px;
    }
    .n_product ul li a .con h3 span {
        width: 75px;
        height: 63px;
        display: inline-block;
        position: relative
    }
    .n_product ul li a .con h3 span b {
        font-size: 30px;
        color: #8c8c8c;
        line-height: 61px;
        font-family: kaiti;
        position: relative;
        font-weight: normal
    }
    .n_product ul li a .con h3 span:before {
        content: "";
        background: url(../images/dbx.png) center no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: 0.6s
    }
    .n_product ul li a .con h4 {
        font-size: 20px;
        color: #242424;
        font-family: simkai;
        margin: 12px 0 1px;
        position: relative;
    }
    .n_product ul li a .con h4:before {
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -2.5px;
        width: 5px;
        height: 5px;
        background: #000000;
        top: 50%;
        margin-top: -2.5px;
        border-radius: 50%
    }
    .n_product ul li a .con h6 {
        font-size: 12px;
        color: #ababab;
        text-transform: uppercase;
        font-family: "Times New Roman";
    }
    .n_product ul li a .img,
    .n_product ul li a .img img {
        max-width: 100%;
        overflow: hidden
    }
    .n_product ul li a:hover .con h3 span:before {
        transform: rotate(180deg);
        background: url(../images/dbx_on.png) center no-repeat;
    }
    .n_product ul li a:hover .con h3 span b {
        color: #fff
    }
    .n_contact {
        padding: 3rem 0;
    }
    .n_contact .left {
        position: relative
    }
    .n_contact .left .n_title {
        text-align: left;
    }
    .n_contact .left .n_title h3 span.span01:after {
        left: 78px;
    }
    .n_contact .left p {
        font-size: 13px;
        line-height: 32px;
        color: #5c5c5c;
    }
    .n_contact .left p a {
        font-size: 13px;
        line-height: 32px;
        color: #5c5c5c;
        text-decoration: underline;
        margin-left: 7px;
        transition: 0.36s;
    }
    .n_contact .left p big {
        font-size: 16px;
        color: #89211b;
        font-family: ARVO;
    }
    .n_contact .right ul {
        padding: 0 40px;
        position: absolute;
        top: 50%;
        margin-top: -58px;
    }
    .n_contact .right ul li {
        display: inline-block
    }
    .n_contact .right ul li h3 img {
        width: 100px;
        height: 100px;
    }
    .n_contact .right ul li h5 {
        font-size: 14px;
        color: #fff;
        margin-top: 10px;
        text-align: center;
    }
    .n_contact .right {
        background: url(../images/n_contact_bg.jpg) right bottom no-repeat;
        padding: 0 20px 20px 0;
        width: 100%;
        padding-top: 20px;
        position: relative;
    }
    .n_contact .right>img {
        width: 100%
    }
    .n_contact .left p a:hover {
        color: #89211b
    }
    .n_pinpai .fl01 {
        padding: 3rem 0;
        /* background:url(../images/n_pinpai_fl01_bg.png) right center no-repeat; */
        border-bottom: #dadada 1px solid;
        background-size: cover;
    }
    .n_pinpai .fl01 .n_title {
        text-align: left;
    }
    .n_pinpai .fl01 .n_title h3 span.span01:after {
        left: 100px;
    }
    .n_pinpai .fl01 .box {
        width: 100%;
    }
    .n_pinpai .fl01 dl {
        padding-bottom: 46px;
        position: relative;
    }
    .n_pinpai .fl01 dl:before {
        content: "";
        position: absolute;
        width: 48px;
        height: 2px;
        background: #626262;
        bottom: 32px;
    }
    .n_pinpai .fl01 dl dt {
        font-size: 14px;
        color: #242424;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .n_pinpai .fl01 dl dt {
        position: relative;
        padding-left: 17px;
    }
    .n_pinpai .fl01 dl dt:before {
        content: "";
        width: 10px;
        height: 10px;
        border: #000000 1px solid;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 8px;
    }
    .n_pinpai .fl01 p {
        font-size: 14px;
        line-height: 28px;
        color: #737373;
    }
    .n_pinpai .fl02 {
        padding: 3rem 0;
        background: url(../images/n_pinpai_fl02_bg.png) center bottom no-repeat;
        text-align: center;
    }
    .n_pinpai .fl02 .n_title {
        text-align: center;
        margin-bottom: 19px;
    }
    .n_pinpai .fl02 .n_title h3 span.span01:after {
        left: 107px;
    }
    .n_pinpai .fl02 .w1200>h4 {
        font-size: 15px;
        color: #6a6a6a;
        font-family: simkai;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .n_pinpai .fl02 .w1200>h2 {
        margin-bottom: 2rem;
    }
    .n_pinpai .fl02 ul {
        font-size: 0;
        margin: 0;
    }
    .n_pinpai .fl02 ul li {
        display: inline-block;
        width: 33.333333%;
        text-align: center;
        vertical-align: top;
    }
    .n_pinpai .fl02 ul li a {
        display: block
    }
    .n_pinpai .fl02 ul li .yuan {
        display: inline-block;
        width: 90px;
        height: 90px;
        border: #a8a8a8 1px solid;
        border-radius: 50%;
        margin-bottom: 26px;
        position: relative;
        overflow: hidden;
        transition: 0.36s;
    }
    .n_pinpai .fl02 ul li .yuan:before {
        content: "";
        position: absolute;
        width: 104px;
        height: 104px;
        left: 50%;
        top: 50%;
        margin-left: -52px;
        margin-top: -52px;
        transform: scale(0);
        background: #89211b;
        opacity: 0;
        transition: 1s ease;
        border-radius: 50%
    }
    .n_pinpai .fl02 ul li .yuan span {
        font-size: 19px;
        color: #565656;
        font-family: simkai;
        position: relative;
        transition: 0.36s
    }
    .n_pinpai .fl02 ul li h5 {
        font-size: 14px;
        color: #737373;
        font-family: simkai;
        line-height: 30px;
        margin-bottom: 30px;
        writing-mode: tb;
        display: inline-block;
    }
    .n_pinpai .fl02 ul li h4 {
        font-size: 16px;
        color: #89211b;
        font-family: simkai;
        line-height: 30px;
        margin-bottom: 30px;
        writing-mode: tb;
        display: inline-block;
        vertical-align: top;
    }
    .n_pinpai .fl02 ul li:hover .yuan {
        border: #89211b 1px solid
    }
    .n_pinpai .fl02 ul li:hover .yuan:before {
        transform: scale(1);
        opacity: 1
    }
    .n_pinpai .fl02 ul li:hover .yuan span {
        color: #fff
    }
    .n_news {
        padding: 3rem 0;
    }
    .n_news .n_title {
        margin-bottom: 1rem;
    }
    .n_news .n_title h3 span.span01:after {
        left: 21px
    }
    .n_news ul {
        margin-bottom: 2rem;
    }
    .n_news ul li {
        border-bottom: #d5d5d5 1px solid;
        position: relative;
    }
    .n_news ul li:after {
        position: absolute;
        content: "";
        bottom: -1px;
        height: 1px;
        width: 0;
        left: 0;
        background: #636363;
        transition: 1s ease
    }
    .n_news ul li a {
        padding: 20px 0;
        display: block;
    }
    .n_news ul li .left {
        width: 100%;
        padding: 0 0 0;
        margin-bottom: 2rem;
    }
    .n_news ul li .left .time {
        width: 66px;
        padding: 0;
    }
    .n_news ul li .left .time h3 {
        font-size: 18px;
        color: #acacac;
        margin-bottom: 12px;
        font-family: Barlow Condensed;
    }
    .n_news ul li .left .time .icon {
        display: inline-block;
        width: 30px;
        height: 30px;
        border: #bfbfbf 1px solid;
        line-height: 22px;
        text-align: center;
        border-radius: 50%;
        transition: 0.6s;
    }
    .n_news ul li .left .time .icon span {
        font-size: 12px;
        color: #adadad;
        font-family: simsun;
        position: relative;
    }
    .n_news ul li .left .con {
        width: calc(100% - 66px);
        padding-left: 0;
    }
    .n_news ul li .left .con h4 {
        font-size: 15px;
        color: #3c3c3c;
        margin-bottom: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .n_news ul li .left .con p {
        font-size: 12px;
        line-height: 22px;
        color: #999999;
        height: 44px;
        overflow: hidden;
    }
    .n_news ul li .right {
        width: 100%;
    }
    .n_news ul li .right .img {
        overflow: hidden;
        border: #d5d5d5 2px solid;
    }
    .n_news ul li .right .img img {
        transition: 0.9s ease;
        width: 100%;
        height: 195px;
        object-fit: cover;
    }
    .n_news ul li:hover:after {
        width: 100%
    }
    .n_news ul li:hover .right .img img {
        transform: scale(1.06)
    }
    .n_news ul li:hover .left .time .icon {
        background: #89211b;
        border: #89211b 1px solid
    }
    .n_news ul li:hover .left .time .icon span {
        color: #fff
    }
    .n_news ul li:hover .left .con h4 {
        color: #89211b
    }
    .more00.more {
        text-align: center
    }
    .more00.more a {
        display: inline-block;
        width: 38px;
        height: 38px;
        line-height: 34px;
        text-align: center;
        border-radius: 50%;
        cursor: pointer;
        transition: 0.6s;
        border: #b9b9b9 1px solid;
    }
    .more00.more a span {
        display: inline-block;
        width: 4px;
        height: 4px;
        background: #cecece;
        border-radius: 50%;
        margin: -5px 0px 0;
        vertical-align: middle;
        transition: 0.6s;
    }
    .more00.more a:hover {
        background: #89211b;
        border: #89211b 1px solid
    }
    .more00.more a:hover span {
        margin: -5px 2px 0;
        background: #fff
    }
    .n_news_detail {
        padding: 3rem 0;
    }
    .n_news_detail .ar_title {
        border-bottom: #d4d4d4 1px solid;
        padding-bottom: 14px;
        text-align: center;
        margin-bottom: 48px;
    }
    .n_news_detail .ar_title h3 {
        font-size: 18px;
        color: #403f3f;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .n_news_detail .ar_title h6 {
        font-size: 13px;
        color: #818181;
    }
    .n_news_detail .ar_title h6 img {
        margin: -3px 10px 0 0
    }
    .n_shengxiao {
        padding: 3rem 0;
    }
    .n_shengxiao .n_title h3 span.span01:after {
        top: 12px;
        left: 74px;
    }
    .n_shengxiao ul {
        font-size: 0;
        margin: 0 -5px;
        margin-bottom: 2rem;
    }
    .n_shengxiao ul li {
        display: inline-block;
        padding: 0 5px;
        width: 50%;
        margin-bottom: 15px;
    }
    .n_shengxiao ul li a {
        display: block
    }
    .n_shengxiao ul li a .img,
    .n_shengxiao ul li a .img img {
        position: relative;
        width: 100%;
        height: 114px;
        object-fit: cover;
    }
    .n_shengxiao ul li a .img:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: #e4e4e6 1px solid;
        transition: 0.6s
    }
    .n_shengxiao ul li a .con {
        padding: 12px 10px;
    }
    .n_shengxiao ul li a .con h5 {
        font-size: 16px;
        color: #000000;
        margin-bottom: 10px;
    }
    .n_shengxiao ul li a .con h5 span {
        position: relative;
        padding-left: 16px;
        line-height: 22px;
    }
    .n_shengxiao ul li a .con h5 span:before {
        content: "";
        width: 10px;
        height: 10px;
        border: #000000 1px solid;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 7px;
    }
    .n_shengxiao ul li a .con p {
        font-size: 13px;
        line-height: 24px;
        color: #6d6d6d;
    }
    .n_shengxiao ul li a .con p span {
        margin-right: 18px
    }
    .n_shengxiao ul li a:hover .img:after {
        border: #89211b 1px solid
    }
    .tp_xuanfu {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        z-index: 100000000;
        display: none;
    }
    .tp_xuanfu .content01 {
        width: 94%;
        display: inline-block;
        background: #fff;
        padding: 0;
        position: relative;
    }
    .tp_xuanfu .content01 .box {
        padding: 0 15px;
    }
    .tp_xuanfu .content01 .box h3 {
        font-size: 18px;
        color: #393939;
        text-align: left;
        margin-bottom: 11px;
        margin-top: 10px;
    }
    .tp_xuanfu .content01 .box .img,
    .tp_xuanfu .content01 .box .img img {
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        position: relative;
    }
    .tp_xuanfu .content01 .box .img:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: #e4e4e6 1px solid;
        transition: 0.6s
    }
    .tp_xuanfu .content01 .box .ar_article {
        height: 155px;
        overflow: hidden;
        overflow-y: scroll;
        text-align: left;
    }
    .tp_xuanfu .content01 .box .ar_article p {
        font-size: 14px;
        line-height: 26px;
        color: #777777;
        margin: 0;
    }
    .tp_xuanfu .content01 .box .ar_article {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        overflow-x: hidden;
        -webkit-tap-highlight-color: transparent;
        margin: 8px 0;
    }
    .tp_xuanfu .content01 .box .ar_article::-webkit-scrollbar {
        width: 2px;
        height: 2px;
        background-color: transparent;
    }
    .tp_xuanfu .content01 .box .ar_article::-webkit-scrollbar-track {
        border-radius: 0;
        background-color: transparent;
    }
    .tp_xuanfu .content01 .box .ar_article::-webkit-scrollbar-thumb {
        border-radius: 0;
        width: 2px;
        height: 2px;
        background-color: #333;
    }
    .tp_xuanfu .content01 .bottom .jiantou {
        border-top: #e7e7e7 1px solid;
        width: 50%;
        line-height: 46px;
        font-size: 16px;
        color: #454545;
        transition: 0.6s;
    }
    .tp_xuanfu .content01 .bottom .jiantou img {
        margin: 0 16px;
        transition: 0.6s;
        display: inline-block
    }
    .tp_xuanfu .content01 .bottom .jiantou span {
        transition: 0.6s;
        display: inline-block;
        font-size: 14px;
    }
    .tp_xuanfu .content01 .bottom .jiantou .img02 {
        display: none
    }
    .tp_xuanfu .content01 .bottom .jiantou.on,
    .tp_xuanfu .content01 .bottom .jiantou:hover {
        background: #89211b;
        border-top: #89211b 1px solid;
        color: #fff
    }
    .tp_xuanfu .content01 .bottom .jiantou.on span,
    .tp_xuanfu .content01 .bottom .jiantou:hover span {
        color: #fff
    }
    .tp_xuanfu .content01 .bottom .jiantou.on .img01,
    .tp_xuanfu .content01 .bottom .jiantou:hover .img01 {
        display: none
    }
    .tp_xuanfu .content01 .bottom .jiantou.on .img02,
    .tp_xuanfu .content01 .bottom .jiantou:hover .img02 {
        display: inline-block
    }
    .tp_xuanfu .content01 .close a {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 40px;
        background: #89211b;
        line-height: 36px;
        text-align: center;
        transition: 0.6s;
    }
    .tp_xuanfu .content01 .close a img {
        transition: 0.6s;
        height: 14px;
    }
    .tp_xuanfu .content01 .close a:hover img {
        transform: rotate(180deg)
    }
    .w1450,
    .w1200,
    .w1000 {
        width: 94%;
        margin: 0 3%;
    }
}

@media(max-width:420px) {
    .banner .swiper-button-prev,
    .banner .swiper-button-next {
        display: none;
    }
    .right_ab {
        margin-top: 20px;
    }
    .rabtitle span {
        font-size: 22px;
    }
    .rab_con {
        margin-top: 10px;
    }
    .rab_more {
        margin-top: 20px;
    }
    .about {
        padding-bottom: 30px;
    }
    .maintitle {
        font-size: 22px;
        font-weight: bold;
        color: #0f0e0e;
    }
    .titles {
        font-size: 12px;
        color: #676564;
        text-transform: uppercase;
    }
    .product .swiper-button-prev {
        left: 25%;
    }
    .product .swiper-button-next {
        right: 25%;
    }
    .service {
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
    }
    .new {
        padding-top: 25px;
    }
    .news {
        margin-top: 35px;
    }
    .nw {
        width: 100%;
        margin-right: 0;
    }
    .copy a {
        font-size: 12px;
        display: block;
        line-height: 40px;
    }
    .link {
        display: none;
    }
}

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

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