.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: relative;
    z-index: 100000;
    width: 100%;
    left: 0;
    top: 0px;
    height: 55px;
    background: #142c58;
}
.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 {
    top: -55%;
    z-index: 99999999;
}

#site-header {background: none;}
#site-header.hide {top:0;height: 60px;background: #333;}
.material-icons {
    color: #fff;
}
.m-muen .m-logo {
    margin-left: 15px;
    margin-top: 0px;
    padding-top: 10px;
}
.m-muen .m-logo img {
    width: 172px;
}
.search.input-group .form-control {
    width: 180px;
}


.header_top {
    background-color: #edecec;
    height: 50px;
    width: 100%;
    position: relative;
    padding-right: 3%;
}
.header_top .header_top-nav {display: block;padding-top: 10px;overflow: hidden;}
.header_top-nav-link-container.contat {
    float: left;
}
.header_top-nav-link-container.sousuo {
    float: right;
}
.s1 .swiper-slide .a {display: none;}
.s1 {
    width: 100%;
    margin-top: 0;
    position: relative;
    height: auto;
    min-height: 400px;
    overflow: hidden;
}
.s1 .b .b1,
.s1 .b1 span {
    font-size: 28px;
    line-height: 1.5;
}   
.s1 .b1 span {
    top: 0;
    margin-left: 5px;
    margin-right: 5px;
} 
.s1 .b .b1 .br {display: none;}
.s1 .b .b1 sub {
    font-size: 14px;
}
.s1 .b {left: 5%;    top: 25%;}
.s1 .b .b2-a a {display: none;}
.s1 .swiper-horizontal>.swiper-pagination-bullets {
    bottom: 20px;
    left: 0;
}
.s1 .c {
	font-size: 22px;
	padding: 10px 10px;
	line-height:26px
}
.s1 .swiper-pagination {z-index: 0;}
.s1 .swiper-slide {height:400px}

.s3 .pa {display: none;}
.s3 {
    width: 100%;
    position: relative;
    height: 350px;
    overflow: hidden;
    width: 100%;
    float: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.s3 video {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.s2 {
    background: #444;
    background: linear-gradient(to top, #aaa 0%, #000 100%) #77c8ff;
    position: relative;
    padding-top: 20px;
    height: auto;
    width: 100%;
    float: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.s2::after {
    content: '';
    display: block;
    width: 450px;
    height: 70px;
    position: absolute;
    top: 30px;
    right: 50%;
    margin-right: -225px;
    background: url(/css/img/i_logo.png) no-repeat center;
    background-size: 60px;
    opacity: 1;
}
.h3 {
    text-align: center;
    font-size: 32px;
}
.s2 p {padding: 0px 20px 30px;}
.s2 .b2-a a {
    border: 1px solid #fff;
    margin: 10px auto 0;
}
.s2 .w85 {
    padding: 80px 0 40px;
}    
.select_box > div {height: auto;}
.two-video .video-1.m-duan video {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
.w85 {
    width: 95%;
    min-width: 95%;
}
.s4 h3 {
    text-align: center;
    display: block;
    margin: 20px auto 30px;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 1.4;
}
.s4 .ul .li .fl {
    height: 300px;
    width: 100%;
    float: none;
}
.two-video {
    margin: 0% 0%;
    padding: 0;
}
.s4 {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}    
.s4 .ul {
    width: 95%;
    margin: 0 auto;
}
.s4 .ul .li {
    height: auto;
}
.s4 .ul .li ul li {
    float: none;
    height: 100%;
    background: #fff;
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
}
.s4 .ul .li1 .fl a {
    background: #0660a1 url(/css/img/dusting.jpg) no-repeat right 65%;
    background-size: 100%;
}
.s4 .ul .li ul {
    float:none;
    width: 100%;
    margin-top: 20px;
}
.s4 .ul .li ul li {
    background: #fff !important;
}
.s4 .ul .li ul li a {
    padding-top: 0;
    background: none;
}
.s4 .ul .li ul li.l2 {
    background: #fff url(/css/img/cp13.jpg) no-repeat center 0px;
    background-size: 100%;
}    
.s4 .ul .li ul li.l3 {
    background: #fff url(/css/img/cp14.jpg) no-repeat center 0px;
    background-size: 100%;
}
.s4 .ul .li ul li.l1 {
    background: #fff url(/css/img/cp12.jpg) no-repeat center 0px;
    background-size: 100%;
}
.s4 .ul .li2 .fl a {
    background: #000 url(/css/img/cp21.jpg) no-repeat center;
    background-size: cover;
}
.s4 .ul .li ul li.l4 {
    background: #fff url(/css/img/cp15.jpg) no-repeat center 0px;
    background-size: 95%;
}
.s4 .ul .li ul li.l7 {
    background: #fff url(/css/img/cleanroom01.jpg) no-repeat center top;
    background-size: 95%;
}
.s4 .ul .li4 .fl a {
    background: #000 url(/css/img/cp11.jpg) no-repeat center;
    background-size: cover;
}
.s4 .ul .li ul li.l6 {
    background: #fff url(/css/img/cleanroom02.jpg) no-repeat center 10px;
    background-size: 95%;
}
.s4 .ul .li ul li .m-duan img {
    width: 100%;
    display: block;
    margin-bottom: 30px;
}
.s4 .ul .li ul li.l8,
.s4 .ul .li ul li.l9 {background: #fff;}

.s4 .ul .li5 ul li a {
    padding: 0 0 30px;
    background: none;
}
.s4 .ul .li5 ul li span {
    display: block;
    padding-left: 10px;
    background: url(/css//img/right-circle2.png) no-repeat right;
    background-size: 30px;
}
.footer {
    padding: 35px 10px 0px;
	height:auto
} 
.footer .w85 {
    width: 95%;
    min-width: 95%;
    display: block;
}
.footer .ul {display: none;}
.footer .foot-lx {
    float: none;
    margin-left: 0px;
    margin-top: 0px;
}
.footer .f-logo {
    background: none;
    background-size: 200px;
    background-size: 200px;
    height: auto;
    width: auto;
}
.footer .rt {
    color: #aaa;
    padding-top: 0px;
}    
.foot2 {
    color: #8791a8;
    text-align: center;
    height: auto;
    line-height: 24px;
    padding: 0;
    overflow: hidden;
    font-size: 12px;
    margin-top: 10px;
    position: relative;
    z-index: 2;
    padding-bottom: 20px;
    text-align: center;
}
.footer .wbox {
    position: relative;
    z-index: 2;
    padding-top: 10px;
}
.footer .f-logo-new {
	display:none
}
.footer .f-conotact a {
	margin: 0 auto;
    margin-bottom: 20px;
}
.footer .f-conotact {
    position: relative;
}
.s22.on .s2 {
    margin-left: 0;
    width: 100%;
}



.s4 .ul .li .fl a:hover {
    background-size: cover !important;
}    
.vis_page {height: 250px;}
.vis_page .blue {display: none;}
.vis_page .txt span {top: 5px;font-size: 30px;}
.vis_page_about {
    display: none;
}
.about-main-mission {
    padding: 30px 0 30px;
}   
.about-main-mission .h3-abs-desc {margin-bottom: 25px;}
.about-main-02 .flex {display: block;}
.about-main-02 .tu {
    position: relative;
    width: 95%;
    margin: 0 auto;
}
.aboutbs-right {
    width: 95%;
    margin: 0 auto;
}
.about-main-02 .abs-item h3 {
    font-size: 26px;
    line-height: 34px;
}
.about-main-02 .abs-item .abs-desc {
    font-size: 15px;
} 
.about-main-02 .abs-item .abs-desc br {
    display: none;
}

.about-main-02 .abs-item {
    padding-bottom: 0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0px;
}  
.about-main-04 h2 {display: none;}
.location-wrp2 .home {display: none;}
.location-wrp2 > ul {
    float: none;
}
.location-wrp2 > ul > li:first-child {display: none;}
.location-wrp2 > ul > li:after {display: none;}
.location-wrp2 > ul > li {
    float: none;
    position: relative;
    width: 100%;
}
.location-wrp2 > ul > li > a {padding: 0 10px;}
.page_main {
    padding: 30px 0px 0px;
}
.page_main .product_list {
    display: block;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}  
.page_main .product_list li {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}
.page_main .product_list li .link {
    position: relative;
    margin-top: 20px;
    bottom: 0;
}
.page_main .product_list li .link a {display: none;}

.page_main .product_list .Premium.Mop .link,
.page_main .product_list .Premium.Cloth .link,
.page_main .product_list .Ultrafine.Cloth .link,
.page_main .product_list .Glass.Cloth .link,
.page_main .product_list .Antimicrobial.Mop .link,
.page_main .product_list .Antimicrobial.Cloth .link,
.page_main .product_list .Recycle.Cloth .link,
.page_main .product_list .Recycle.Mop .link,
.page_main .product_list .Elite.Cloth .link,
.page_main .product_list .Elite.Mop .link {opacity: 1;}

.page_main .product_list .Premium.Mop .link a,
.page_main .product_list .Premium.Cloth .link a,
.page_main .product_list .Ultrafine.Cloth .link a,
.page_main .product_list .Glass.Cloth .link a,
.page_main .product_list .Antimicrobial.Mop .link a,
.page_main .product_list .Antimicrobial.Cloth .link a,
.page_main .product_list .Recycle.Cloth .link a,
.page_main .product_list .Recycle.Mop .link a,
.page_main .product_list .Elite.Cloth .link a,
.page_main .product_list .Elite.Mop .link a {display: block;}

.litebox-overlay .litebox-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.litebox-overlay .litebox-close {
    z-index: 1000000;
}

.page_main .product_list li:last-child {margin-bottom: 0;}
.breadcrumb {display: none;}
.pdp-carousel .swiper-button-prev::before,
.pdp-carousel .swiper-button-next:before { display: none;}
.pdp-carousel .swiper-button-next, .pdp-carousel .swiper-button-prev {
    background: hsla(0,0%,100%,.7);
    color: #192c59;
}
.col-12 {
    padding: 0;
}    
.mb-5, .my-5 {
    margin-bottom: 1rem!important;
}
.selling-slot .wrapper__description .product-name {
    font-weight: 700;
    padding: 0 2.5%;
    font-size: 26px;
}
.productDetails {
    width: 95%;
    margin: 0 auto;
}
.productDetails li::after {
    content: "";
    width: 5px;
    height: 5px;
    background: #0f79c5;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 50%;
}
.productDetails li {
    font-size: 16px;
    position: relative;
    padding-left: 13px;
}
.selling-slot {
    margin-bottom: 20px;
}
.pp-canshu .page_main {
    padding-top:30px;
}
.pp-canshu .canshu-title {
    font-size: 36px;
    font-size: 26px;
}
.pp-canshu hr {display: none;}
.pp-canshu .biaoge {
    margin-top: 10px;
}
.pp-canshu {
    padding: 0px 0px 30px;
}
.other_cp h2 {
    font-size: 26px;
}
.other_cp {
    padding: 30px 0px 20px;
}
.other_cp .swiper-wrapper {display: block;}
.other_cp .swiper-slide {
    display: block;
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 30px;
}
.other_cp .swiper {
    padding-bottom: 0px;
}   
.about-main-01 .form {
    width: 100%;
} 
form#sky-form {padding: 15px 10px;width: 100%;}  
.EPiServerForms .Form__Element.c-form__input-w50, .c-form__input-w50 {
    width: 100%;
    margin-right: 0;
    float: none;
    margin: 0 0 1.5rem 0;
}
.search.input-group .form-control.expand {
    width: 180px;
}
.two-video .inner {
    min-width: 100%;
    display: block;
}
.two-video .video-1::after {display: none;}
.s22 {
    overflow: hidden;
}
.m-duan-tips {
    text-align: right;
    color: #616161;
    padding-bottom: 5px;
}
.swiper-container .swiper-pagination-bullet-active {
    background: #192c59;
}
.swiper-container .swiper-pagination-bullet {
    background: #2362a4;
}
.Form__Element.clearfix {
margin: 0;
}
.now_position_search {
    font-size: 26px;
}
.now_position_search b {top: -20px;}
.s4 .ul .li ul li a span {
    display: block;
    background: url(/css/img/right-circle2.png) no-repeat 105% 0;
    background-size: 30px;
    font-size: 15px;
    height: 42px;
    padding-right: 20px;
}

.s1-homecleaning {
	min-height:250px
}
.s1-homecleaning .swiper-slide {
	height:100%
}
.s2-homeclean {
	padding:30px 10px
}
.s2-homeclean .color-3 {
    font-size: 18px;
}
.s3-homeclean .w85 {
	background: #f7f7f7;
	width: 100%;
}
.flex-items-center {display:block;padding: 0 5%;}
.manufacture-1 .left { width: 100%}
.manufacture-1 .right {
    padding-left: 0;
    width: 100%;
    padding-right: 0;
    padding-top: 30px;
}
.manufacture-1 .right .text-h1 {
	padding-bottom: 0px;
    font-size: 26px;
}
.about-new {
    padding-top: 0px;
}

.page_gallery4 ul li {height:auto}

}


@media screen and (min-width: 660px) and (max-width: 1024px) {
    .s4 .ul .li ul li {
        float: left;
        margin-right: 1%;
        width: 32.5%;
    }
    .s4 .ul .li ul li:last-child {
        margin-right: 0;
    }
    .s4 .ul .li2 ul li,
    .s4 .ul .li4 ul li {
        width: 49.5%;
    }
    .page_main .product_list li {
        padding-left: 0;
        padding-right: 0;
        width: 48%;
        margin-bottom: 30px;
        position: relative;
        float: left;
        margin-right: 1%;
        margin-left: 1%;
    }
    .selling-slot .swiper-container {
        width: 50%!important;
        float: left;
    }
    .selling-slot .swiper-container {
        width: 100%!important;
        /* float: left; */
    }
    .other_cp .swiper-slide {
        display: block;
        width: 48% !important;
        margin-right: 1% !important;
        margin-bottom: 30px;
        float: left;
        margin-left: 1%;
    }
    .footer .rt p {font-size: 14px;}
}