@media (min-width: 768px) {
    .navbar{display: none;}
}
@media (max-width: 768px){ 
    body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
    .w, .container-middle { width:100%; padding-left: 10px; padding-right: 10px;}
    .header, .scrollsidebar{ display: none;}
    .navbar { display: block; height: 55px; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; background: #fff; box-shadow: 0px 0px 4px 4px rgba(41,42,45,0.15);}
    .navbar .container-xl{ padding: 0 4px 0 20px; display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between;}
    .navbar .navbar-brand{padding: 7.5px 0;} 
    .navbar .navbar-brand .darkLogo{height: 40px;}
    .navbar .navbar-toggler{border: 0 !important; background: border-box;}
    .menuBtn{position: fixed; top: 16px; right: 12px; width: 30px; height: 30px; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
    .menuBtn b{display: block;height: 4px;background-color: #292a2d; margin: 4px 0; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
    .menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
    .menuBtn.open b:first-child{display: block; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);}
    .menuBtn.open b:last-child{display: block; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
    .navbar .toggleLight{display: block;}
    /* 点击菜单效果 */
    .navbar.show{ background: #fff;}
    .navbar .offcanvas{position: fixed;bottom: 0;top: 55px;right: 0;width: 75%;color: #333;max-width: 100%;padding-top: 20px;box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.06) inset;background: #fff;border-left: 1px solid rgba(0, 0, 0, 0.175);transform: translateX(100%);transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;opacity: 0;z-index: 1000;}
    .navbar.show .offcanvas{transform: translateX(0);opacity: 1;}
    .navbar .navbar-nav{padding: 0;}
    .navbar .navbar-nav .nav-item{border-bottom: 1px solid #e9e9e9;margin: 0 8px;position: relative;}
    .navbar .navbar-nav .nav-item .nav-link{width: 80%;font-size: 1.2rem;color: #333;padding: 0 1rem;text-align: left;height: 48px;display: flex;align-items: center;}
    .navbar .navbar-nav .nav-item .nav-link.hover{color: #292a2d;font-weight: bold;}
    .navbar .navbar-nav .nav-item .jiantou{position: absolute;right: 10px;top: 1rem;}
    .navbar .navbar-nav .nav-item .jiantou img{width: 1rem;height: auto;}
    .navbar .navbar-nav .nav-item .dropdown-menu{display: none;border-top: 1px solid #dee2e6;}
    .navbar .navbar-nav .nav-item .dropdown-menu.show{display: block;}
    .navbar-nav .nav-item .dropdown-menu li{height: 35px;line-height: 35px;}
    .navbar-nav .nav-item .dropdown-menu .dropdown-item{padding-left: 2.5rem;font-size: 1rem;color: #595959;height: 36px;display: flex;align-items: center;}

    .navbar .lang_sub{ position: relative; max-width: 90%; right: 8px; top: 20px; left: 5%; border-radius: 0.3rem; padding: 15px; background:rgba(41,42,45,.8); min-width: 120px; z-index: 10000;}
    .navbar .lang_sub a{ display: inline-block; font-size: 16px; width: 100%; padding-top: 16px; color: #fff;}
    .navbar .lang_sub a:first-child{ padding-top: 0;}
    .navbar .lang_sub a:hover{ color: #ff0015;}
    .navbar .lang_sub img{ width: auto; height: 25px; vertical-align: middle; padding-right: 5px;}

    .search{ position: relative; top: 30px; margin: 0 auto; max-width: 90%; height: 60px; line-height: 60px;}
    .search form{ position: relative; max-width: 100%; color: #fff;}
    .search form input{ border-radius:.3rem;background-color:#fff;color:#292a2d; padding:10px 35px 10px 5px;height:40px;margin-top: 10px; border: 1px solid #292a2d; width:100%}
    .search form .iconfont{ position: absolute; font-size: 16px; right: 5px; top: 0px; cursor: pointer; color: #fff; -webkit-text-stroke-width: 2px; color: #292a2d;}
    .search form input::placeholder { color: #292a2d;opacity: 1;}

    .com-search .main{ display: none;}

    .index-banner{ padding-top: 55px!important;}
    .home-title h3{font-size:28px;}
    .home-des{font-size:15px;}
    .home-padd{padding:40px 0}
    .sec-title{ padding: 20px 0; height: auto;}
    .sec-title h2{ font-size: 20px;}
    .sec-title p{ font-size: 15px;}
    .ys{ padding-bottom: 40px;}
    .ys .content{ margin-top: 20px;}
    .ys .content dl{ width: 100%; padding: 20px; margin-bottom: 20px;}

    .home-viewmo{ margin-top: 10px;}

    .home-about{ padding: 40px 0;}
    .home-about-left{ width: 100%;}
    .home-about-right{ width: 100%; padding: 30px 0;}
    .home-about-bottom{ display: none;}
    
    .home-partner li{ width: 32.3%;}
    .home-advantage li{ width: 50%; min-height: 300px; }
    .home-advantage li h3{ font-size: 14px;}
    .home-advantage li p{ font-size: 14px; line-height: 1.6em;}
    .news-top{ display: block;}
    .foot{ width: 100%; padding-bottom: 70px;}
    .foot .wrap{flex-direction: column;border: none;margin-bottom: 0px;padding-bottom: 0px}
    .foot .dbzc{flex: 0 0 100%; padding-right: 0%}
    .foot .dbyc{ display: none;}
    .foot .dbzc .dbnav .dblogo{ flex: 0 0 100%;}
    .foot .dbzc .dbnav ul{ display: none;}
    .foot .dbzc .dblx{justify-content: flex-end;margin-bottom: 0%;border-bottom: 0px solid rgba(255,255,255,0.2);flex-direction: column}
    .foot .dbzc .dblx .p_item{ flex-direction: row; margin-bottom: 15px;align-items: center;}
    .foot .dbzc .dblx .e_icon{ display: none;}
    .foot .dbzc .dblx .s_title p, .foot .dbzc .dblx .s_title a{ font-size: 15px;}
    .footer-fix{box-shadow:0 0 10px rgba(41,42,45,.2);position:fixed;bottom:0;left:0;width:100%;background-color:#fff;z-index:9999999;display:block}
    .footer-fix li{float:left;width:25%}
    .footer-fix li a{display:block;text-align:center;padding:7px 0;font-size:14px;line-height:1}
    .footer-fix li i{display:block; font-size: 25px; background:no-repeat center;background-size:contain;margin-bottom:5px}
    .footer-contact input{ width: 100%; background: #f5f5f51c; font-size: 13px; margin-bottom: 5px; margin-right: 0;}
    .footer-contact input.lastin{ width: 100%;}
    .footer-contact img{ width: 40%!important;}
    .footer-contact button{ width: 50%;}

    .banner{ padding-top: 55px;}
    .banner, .banner img{ height: 240px; object-fit: cover;}
    .banner .w{ padding-top: 55px;}
    .banner .w h4{ height: auto; font-size: 24px;}
    .banner .w h5{ font-size: 30px; margin-top: 5px;}
    .banner .w p{ transform: translateY(10px); font-size: 14px;}

    .com-padding{ padding: 20px 0;}
    .com-title h2{ margin-bottom: 5px;}
    .com-title p{ margin-bottom: 20px;}
    .mycol-3 .col{ width: 100%;}
    .ser-form .o-footer .sub{ margin-top: 20px;}

    .about-nav .box{ height: 60px; line-height: 70px;}
    .about-nav .box::-webkit-scrollbar{display: none;}
    .about-nav a{margin: 0 10px; font-size: 17px;}

    .about-history .slogan{ display: none;}
    .about-history li .time{ font-size: 32px;}
    .about-history li .txt{ font-size: 15px; line-height: 1.8;}

    .ny-bg .home-about, .index-custom{ display: none;}

    .news_list .news_li .nl_left{width:100%;float:none;}
	.news_list .news_li .nl_left .img{padding-bottom:66.67%;}
	.news_list .news_li .nl_right{width:100%;float:none;}
    .news_list .news_li .nl_right a .news_txt{padding:0 0 0 20px;}
	.news_list .news_li:hover .nl_right a .news_txt{padding:0 0 0 20px;}
	.news_list .news_li .nl_right a .news_txt p:last-child{margin-top:8px;}
    
	.newscow{padding: 30px 10px;}

    .mycol-4 .col{ width: 50%;}

    .contact ul { padding: 2vw; flex-direction: column;}
    .contact li.col{ padding: 20px 0; border-bottom: 1px solid #eee;}

    .product-page{ margin: 20px 0; padding: 10px;}
}