/*Phone手机*/
@media(max-width:767px) {
    .container, .dyui-container {width: 100%; max-width: 100%}

    .dyui-header {height: 46px; background-color: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 999}
    .dyui-header .navbar {padding: 2px 0 0 0; box-shadow: 0 0 8px 1px rgb(0 0 0 / 10%); background-color: #fff}
    .dyui-header .navbar-brand {padding: 0}
    .dyui-header .logo {max-width: 100%; height: 32px; display: block; padding-left: 10px}
    .dyui-header .navbar-dark .navbar-toggler {color: #333}
    .dyui-header .navbar-dark .navbar-toggler i {font-size: 30px;}

    /*导航开始*/
    .dyui-header .navbar-collapse {background-color: #fff; margin-left: -10px}
    .dyui-header nav .navbar-nav .nav-item {white-space: nowrap}
    .dyui-header .dyui-nav li a.c1 {display: block; color: #000; height: 40px; line-height: 40px; padding: 0 30px;}
    .dyui-header .dyui-nav li.active a.c1 {background: none; color: #9f0000}
    .dyui-header nav .navbar-nav .nav-link {line-height: 30px}
    .dyui-header nav {line-height: 50px; position: relative}
    .dyui-header nav.nav-mod-fixed {position: fixed}
    .dyui-header nav.nav-mod-fixed .navbar-collapse {overflow-y: scroll; max-height: 380px}
    .dyui-header .navfix-mod-other {height: 60px}
    .dyui-header .dyui-nav>li>.dropdown-menu {}
    .dyui-header .dyui-nav>li.open>.dropdown-menu {display: block}
    .dyui-header .dyui-nav>li>.dropdown-menu>.dropdown-item {line-height: 30px; padding-left: 30px; padding-right: 30px;}
    .dyui-header .navbar-toggle {padding: 0 15px; border: none; margin: 0; height: 60px}
    .dyui-header .navbar-nav {margin: 0}
    .dyui-header .dyui-nav>li>a:after {content: ''; float: right; margin-top: 22px; height: 10px;}
    .dyui-header .dyui-nav>li>a.active:after {border-bottom: 1px solid #a8a8a8; left: 0; right: auto}
    .dyui-header .dropdown-menu>li {border: none}
    .dyui-header .navbar-nav .open .dropdown-menu>li>a {line-height: 50px; border-bottom: 1px dotted #f2f2f2}

    .dyui-header .language {display: flex; padding: 10px}
    .dyui-header .language a {text-align: center; flex: 1; margin: 5px; background-color: #E5D8CB; height: 40px; line-height: 40px}

    /*首页导航*/
    .m-nav {background-color: #fff; padding: 20px 10px 10px 10px; display: none !important}
    .m-nav ul li img {max-width: 80%;}
    .m-nav ul li span {display: inline-block; line-height: 30px; height: 30px; overflow: hidden; margin-top: 6px;}

    .search-main {padding: 10px;}
    .search-main .form-inline .custom-select {width: 80px;}
    .search-main .form-inline .form-control {padding: 0 70px 0 90px}

    .gutters20 > .col, .gutters20 > [class*="col-"] {
        padding-right: 0px;
        padding-left: 0px;
    }


    .dyui-main-box {padding: 10px 0}

    .product-list .col-md-3 {padding-left: 5px; padding-right: 5px}

    .thumb-list li .thumb {width: 80px; height: 60px}
    .thumb-list li .info {height: 70px; overflow: hidden}

    .form-control, .custom-select {
        box-sizing: border-box;
        width: 100% !IMPORTANT;
    }

    .home-product {padding: 0px 0 10px;}
    .product-tree ul {flex-wrap: wrap;}
    .product-tree ul li {flex: 0 0 50%}

    .dyui-product-list li .t {height: 50px; overflow: hidden}
    .home-product .swiper-button-prev {left: 0;}
    .home-product .swiper-button-next {right: 0;}


    .dyui-news-list li .thumb {flex: 0 0 100px; width: 100px;}
    .dyui-news-list li .info .time {margin: 0;}
    .dyui-news-list li .info .desc {margin-top: 0}

    .dyui-footer-line {height: 46px}

    /*留言表单*/
    .dyui-form-flex .form-group {flex-wrap: wrap; display: block}



    /*移动端底部菜单*/
    .dyui-footer-nav {background-color: #c40000; height: 46px; border-top: solid 1px #FFF; color: #fff}
    .dyui-footer-nav ul {display: flex}
    .dyui-footer-nav ul li {text-align: center; flex: 1;}
    .dyui-footer-nav ul li a.c1 {height: 46px; line-height: 46px; color: #fff; display: block; padding-top: 3px}
    .dyui-footer-nav ul li a.c1 i {display: block; height: 20px; line-height: 20px}
    .dyui-footer-nav ul li a.c1 span {display: block; height: 20px; line-height: 20px}
    .dyui-footer-nav .dropdown-menu {min-width: 8rem}

    footer .copyright {border: none; padding-left: 0}

}

/*iPad*/
@media(max-width:1024px) {
    .row {margin-left: -5px; margin-right: -5px}
    .row .col-md-2 {padding-right: 5px; padding-left: 5px}
}

/*iPad Pro*/
@media (min-width:768px) and (max-width:1024px){

    .navbar-dark .navbar-toggler {display: none}
    .navbar-nav {
        margin: 0; flex-direction: row; flex-wrap: wrap;
    }
    .navbar-nav>li {
        float: left
    }
    .navbar-nav>li>a {
        padding-top: 22px;
        padding-bottom: 22px
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .dyui-nav>li>.dropdown-menu {
        opacity: 1;
        visibility: hidden;
        display: none;
    }
    .dyui-nav>li.open>.dropdown-menu {
        display: block
    }

}