.m-duan  {
    display: none;
}

@media (max-width: 1024px) {
    body {
        overflow-x: hidden;
    }
.m-duan {display: block !important;}
.w-duan {display: none !important;}

.m-muen {
    position: fixed;
    z-index: 100000;
    width: 100%;
    left: 0;
    top: 0px;
    height: 55px;
    background: #13141d
}
.toggle {
    display: block;
    text-align: center;
    position: absolute;
    right: 15px;
    top: 13px;
}
.toggle i  {
    background: url(/css/m/menu.png) no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    background-size: 32px;
}
.sidenav-no-scroll .toggle {
    z-index: 99999999;
}

#site-header {background: none;}
#site-header.hide {top:0;height: 60px;background: #333;}
.material-icons {
    color: #fff;
    font-style: normal;
}
.m-muen .m-logo {
    margin-left: 15px;
    margin-top: 0px;
    padding-top: 15px;
}
.m-muen .m-logo img {
    width: 160px;
}

.litebox-overlay .litebox-container {
    left: 0;
    right: 0
}
.home-intro ul li {
    border-right: 1px solid #d9d9d9;
    width: 50%;
    margin-bottom: 20px;
}
.home-intro ul li:nth-child(2) {
    border-right: 0px solid #d9d9d9;
}
.home-intro ul li img {
    width: 80px;
}
.home-intro .numbers .item-num {
    font-size: 24px;
}
.home-intro .numbers .item-sym {
    font-size: 16px;
    padding-left: 5px;
}
.home-intro ul {
    margin-top: 40px;
    margin-bottom: 0px;
}
.fix-product {
    background: #fff;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 0;
    padding-top: 40px;
}
.fix-product .hrbu_li {
    top: 0;
    position: relative;
    border-radius: 0px;
}
.fix-product .hrbu_li .hrbu_li_cont {display: block;}
.hrbu_li_bg .kz-feature-img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    overflow: hidden;
    margin-right: 0;
}
.hrbu_li_bg,
.hrbu_li_text {
    width: 100%;
}
.hrbu_li_text {
    padding: 5%
}

.hrbu_li_text .kz-feature-number {
    font-size: 26px;
}
.hrbu_li_text .std_tit4 {
    font-size: 24px;
}
.hrbu_li_text .kz-feature-description {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 20px;
    width: 100%;
}
.fix-product .hrbu_li {
    margin-top: 30px;
}
.gallerySlider {
    padding-top: 50px;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 30px;
}
.gallerySlider_img {
    height: 300px;
    width: 100%;
    display: block;
    object-fit: cover;
}
.cpsection .swiper {
    padding-top: 20px;
}
.fs-56 {
    font-size: 8vw;
}
.gallerySlider__descDesc {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 15px;
}
.gallerySlider__desc {
    margin-bottom: 40px;
}
.home-new {
    margin-top: 50px;

}
.fs-64 {
    font-size: 8vw;
}

.m-duan #myVideo {
    width: 100%;
    padding-top: 60px;
}
.ind-overview {
    font-size: 0;
    margin-top: 40px;
    padding: 0 5%;
    padding-bottom: 40px;
}
.ind-overview__list {
    display: block;
    height: 80vh;
    height: auto;
    margin-top: 40px;
}
.ind-overview__list .title--overview {
    font-size: 34px;
}
.ind-overview__wrap {
    padding: 100px 20px;
}
.title--overview>p {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3;
}
.ind-overview__list>li.active::before,
.ind-overview__list>li::before {
    opacity: 0.2;
}
.ind-overview__list>li {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}
.ind-overview__list .main-button {
    padding: 8px 20px;
}


.footer1 {
    background-color: #333;
    padding-top: 40px;
    padding-bottom: 0.8333333333rem;
    background-position: left 10%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.footer-logo {
    height: 100px;
}
.footer-contact-item {
    width: 100%;
    padding-right: 0;
}
.rt-cta-wrapper-v3 {
    display: none;
}
.rt-cta-wrapper {
    padding-top: 50px;
    padding-bottom: 0px;
}
.s-ab {
    padding: 40px 0 40px;
}
.s-ab .about-area-txt h3 {
    font-size: 24px;
}
.shuzi-text-center ul {
    margin-top: 30px;
}
.shuzi-text-center ul li {
    width: 50%;
    margin-bottom: 30px;
}
.shuzi-text-center ul li:nth-child(2) {
    border-right: 0px solid #d9d9d9;
}
.shuzi-text-center .numbers .item-num {
    font-size: 24px;
}
.shuzi-text-center .numbers .item-sym {
    font-size: 24px;
    padding-left: 5px;
}
.manufacture .manu {
    display: block;
}
.padding-section-large {
    padding: 40px 5% 50px;
}
.manufacture .manu-left {
    position: relative;
    top: 0;
    margin-bottom: 30px;
}
.manufacture .manu-icon svg {
    width: 36px;
}
.manufacture .manu-list .manu-list-item {
    grid-column-gap: 20px;
}
.hexin-ys {
    padding: 40px 0px 0;
}
.hexin-ys .ys-box {
    display: block;
    margin-top: 30px;
}
.hexin-ys .ys-box .right {
    display: block;
    margin-top: 30px;
}
.hexin-ys .ys-box .col-span {
    padding-bottom: 60px;
    gap: 16px;
    flex-direction: column;
    display: flex;
    border-radius: 15px;
    padding: 40px 30px;
    border: 1px solid #dbdbdb;
    height: auto;
    background: #f7f7f7;
    margin-bottom: 30px;
    margin-left: 0px;
}
.rt-about-two-banner .rt-about-main {
    height: 70vh;
}
.rt-gap-off.rt-text-center.rt-chnage-lay-out.rt-clamp, .rt-gap-off.rt-text-center.rt-clamp {
    font-size: 30px;
}
.rt-tag-text.rt-text-color-white .span1,
.rt-tag-text.rt-text-color-white .span2 {
    width: 90%;
    font-size: 18px;
    font-weight: normal;
}
.footer-nav {
    display: none;
}
.footer-contact {
    margin-top: 0;
}
.home-top-animate {
    height: 80vh;
    padding-top: 55px;
}
.home-banner .slick-list,
.home-banner-content,
.home-banner,
.home-banner-slick,
.home-banner-content .img-box.item-pic {
    height: 100%;
}


.product-list-area {
    padding-top: 80px;
}
.product-list-area .filter-box a {
    background: #333;
    color: #fff;
    display: block;
    margin-right: 5px;
    border-radius: 5px;
    padding: 5px;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 0;
    flex-wrap: wrap;
    display: flex
;
    align-items: center;
}
.product-list-area .shaixuan h2 {
    font-size: 18px;
}
.product-list-area .product-ul li {
    margin-right: 0;
    width: 100%;
}
.product-list-area .product-ul li .car-pic {
    width: 100%;
    height: 350px;
}
.product-list-area .shaixuan {
    padding: 10px 15px 10px;
}
.product-list-area .shaixuan .item-model {
    width: 100%;
}
.product-list-area .shaixuan .item-model {
    margin-bottom: 20px;
}
.product-list-area .filter-box .filter-boxs {
    display: block;
    margin-bottom: 10px;
}

.c-product_gallery {
    padding: 90px 5% 0;
    display: none;
}
.o-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 5%;
    padding-right: 5%;
    min-height: auto;
    padding-top: 50px;
}
.bread-positon {
    padding-top: 0;
}
.c-product_header_title {
    font-weight: 500;
    font-size: 26px;
    margin-bottom: 0px;
    padding-top: 30px;
    text-transform: capitalize;
    color: #333;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
}
.c-product_header {
    padding: 30px 0px;
}
.c-carousel-gallery_item {
    border-radius: 0px;
}
.u-padding-large-top {
    width: 100%;
}
.u-margin-large-bottom {
    margin-bottom: 30px;
}
.c-accordion-image {
    padding-right: 0;
    padding-bottom: 0 !IMPORTANT;
}
.accordion-image_list {
    margin-bottom: 0;
    border-radius:0;
    border: 0;
}
.o-container.canshu {
    padding-top: 30px;
    padding-bottom: 50px;
}
.accordion-image_inner {
    padding:5% 5% 0;
    display: none;
}
.c-accordion-image .c-accordion_toggler {
    display: block;
    justify-content: space-between;
    align-items: center;
    padding: 20px calc(60px - 20px);
    padding: 0;
    min-height: auto;
    width: 100%;
    transition: background-color .3s 
cubic-bezier(.38, .005, .215, 1);
    border-radius: 0;
}
.accessories h2.aa {
    font-weight: 500;
    font-size: 26px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: #333;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 20px;
}
.accessories ul li {
    background-color: #f7f7f7;
    padding: 15px;
    row-gap: 35px;
    display: block;
    position: relative;
    align-items: center;
    width: 100%;
    margin-right: 0;
    border-radius: 10px;
    margin-bottom: 20px;
}
.accessories ul li .tu {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}
.accessories ul li .text {
    padding: 0px 0px 0px 0px;
}
.accessories {
    padding: 70px 5% 30px;
}

.accessories h2.aa {
    font-size: 26px;
}
.c-accordion_toggler_label {
    font-size: 24px;
}

.rt-service-ii-banner-heading h2 {
    font-size: 30px;
}
.rt-container-medium.rt-flex-gerow {
    padding-bottom: 30px;
}
.rt-position-absolute {
    display: none !important;
}
.news-box .new-list {
    margin-top: 50px;
    margin-right: 0;
    margin-left: 0;
    display: block;
}
.news-box .new-list li {
    width: 100%;
    margin-bottom: 40px;
}
.new-list .item-title {
    margin-top: 0;
}
.pager a,
.pager .prev a, .pager .next a, .pager li:first-child a, .pager li:last-child a, .pager li:first-child span, .pager li:last-child span {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-right: 1px;
    margin-left: 1px;
}
.news-bread {
    padding-top: 80px;
}
.news-bread .details-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d6d6d6;
}
.HeroPost .left .left-2 h1 {
    font-size: 28px;
}
.HeroPost .left {
    gap: 70px 0;
}
.HeroPost .w-1520 {
    padding: 45px 23px;
    border-radius: 10px;
}
.news-w-1520 {
    padding: 30px 20px;
    margin-top: 20px;
    border-radius: 10px;
}
.blog-body img {
    max-width: 100%;
}
.rdbox .item01 {
    background-color: #f4f4f4;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    display: block;
}
.rdbox .item01 .left {
    width: 100%;
}
.rdbox .item01 {
    border-radius: 10px;
}
.rdbox .item01 .rounded-1xl img {
    border-radius: 0px; 
}
.rdbox .item01 .right {
    padding-left: 5%;
    width: 100%;
    padding-right: 5%;
    padding-top: 20px;
}
.rdbox .item01 .right h3 {
    font-size: 24px;
    margin-bottom: 0px;
    line-height: 1.3;
}
.rdbox .item01 .right p {
    font-size: 16px;
    line-height: 1.6;
    padding-bottom: 30px;
}
.rdbox .item02 .tit h3 {
    font-size: 24px;
    margin-bottom: 0px;
}
.rdbox .item02 p {
    font-size: 16px;
    line-height: 1.6;
    padding-bottom: 30px;
    margin-top: 25px;
}
.rdbox .item02 ul {
    margin-top: 0;
    margin-right: 0;
}
.rdbox .item02 ul li {
    width: 100%;
    margin-right: 0;
}
.rdbox .item02 .inner {
    padding: 190px 30px 10px 30px;
}
.rdbox .item02 {
    padding: 50px 5% 20px;
}
.banner-box {
    margin-top: 50px;
    margin-bottom:0px;
}
.lianxi-box ul li {
    width: 100%;
    border: 1px solid #eceae5;
    border-radius: 10px;
    padding: 30px;
    margin-right: 0;
    margin-bottom: 20px;
}
.contact-form .form-box {
    position: relative;
    width: 100%;
    z-index: 2;
    background: #fff;
    top: 0;
    right: 0px;
    padding: 20px 20px;
    transform: translateY(0);
}
.contact-form .form-txt {
    display: none;
}
.form-box .square-lg img {
    display: none;
}
.contact-form .form-box h3 {
    font-size: 30px;
}
.contact-form #sky-form {
    margin-top: 20px;
}
.contact-form {
    height: auto;
    margin-top: 30px;
}
.contact-form .form-box .cform-input {
    height: 50px;
}
.lianxi-box ul {
    margin-right: 0;
}
.lianxi-box ul li:first-child {
    width: 100%;
}
.rdbox .item01 .rounded-1xl .swiper-slide img {
    border-radius: 0;
}
.rt-cta-big {
    width: 100%; 
}
.product-list-area .filter-box .filter-cen {
    width: 100%;
}

.filter-toggle-btn span {
    display: inline-block;
}
.filter-toggle-btn {
    display: flex;
                align-items: center;
                justify-content: center;
                padding: 8px 16px;
                    background: rgb(255 255 255);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
    font-size: 13px;
    color: rgb(102, 102, 102);
    transition: 0.3s;
    max-width: 150px;
    margin: 0;
    margin-top: 10px;
}
.product-list-area .filter-bt-clearn a {
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    background: #e9e9e9;
    color: #333;
}

}