/*Phone手机*/
@media(max-width:767px) {

    body {min-width: 320px} /*设置手机下body最小宽度*/
    .header .dyui-nav .navbar-nav {margin: 0; flex-direction: column;}

    .dyui-header .head {height: 56px}
    .header .dyui-nav .navbar-nav {margin: 0; flex-direction: column;}

    .dyui-header { position:relative;  height: 46px; background-color: #FFF; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);z-index: 9999}
    .dyui-header:before{ height:0;}
    .dyui-header .navbar {padding: 0; position: relative}
    .dyui-header .navbar>.container {padding-right: 0; padding-left: 0;}
    .dyui-header .navbar .navbar-toggler {font-size: 28px; height: 46px}
    .dyui-header .navbar-brand {padding: 0 0 0 10px}
    .dyui-header .logo {max-width: 100%; height: 38px; display: block;filter: invert(100%) brightness(1.5);}
    .dyui-header .navbar-dark .navbar-toggler {color: #333}
    .dyui-header .navbar-dark .navbar-toggler i {font-size: 30px;}
    .dyui-header .dyui-nav li a.c1{ color:#333;}
    /*导航开始*/
    .dyui-header .navbar-collapse {background-color: #fff; padding: 10px 10px 15px; border-top: solid 1px #ddd; box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);}
    .dyui-header nav .navbar-nav .nav-item {white-space: nowrap}
    .dyui-header .dyui-nav li a.c1 {display: block; height: 36px; line-height: 36px; box-sizing: content-box; text-align: left; position: relative; border-bottom: solid 1px #ddd}
    .dyui-header .dyui-nav li a.c1.dropdown-toggle::after {position: absolute; right: 15px; top: 20px;}
    .dyui-header .dyui-nav li.active a.c1 {border-radius: 0}
    .dyui-header nav .navbar-nav .nav-link {line-height: 30px}
    .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 .navbar-nav .dropdown-menu {margin-top: -1px}
    .dyui-header .nav>li.open>.dropdown-menu {display: block}
    .dyui-header .nav>li>.dropdown-menu>.dropdown-item {line-height: 30px}
    .dyui-header .navbar-toggle {padding: 0 15px; border: none; margin: 0; height: 60px}
    .dyui-header .navbar-nav {margin: 0}
    .dyui-header .nav>li>a:after {content: ''; float: right; margin-top: 22px; height: 10px;}
    .dyui-header .nav>li>a.active:after {border-bottom: 1px solid #a8a8a8; left: 0; right: auto}
    .dyui-header-line {height: 46px;}

    .cat-banner {height: 150px}

/*首页导航*/
.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;}

.dyui-news {overflow: hidden}
.dyui-news .swiper {overflow: initial; padding: 0 15px}

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

    .product-info-main {border: none}

    .product-images {width: 100%}
    .product-images .magnifier {width: 100% !important;}
    .magnifier .magnifier-container {width: 100% !important; height: auto !important;}
    .magnifier .images-cover {text-align: center}
    .magnifier .images-cover img {position: initial; margin:0 !important;}
    .move-view{display: none !important;}
    .magnifier-view{display: none !important;}



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

/*留言表单*/
    .dyui-form-flex .form-group {flex-wrap: wrap;}
    .nav-item.px-1 { width:calc( 20% - 5px ); overflow:hidden;}
        .nav-item.px-1 img{ display:none;}
        .nav-item.px-1 p{ display: -webkit-box;          /* 弹性盒子模型 */
  -webkit-box-orient: vertical;  /* 垂直排列 */
  -webkit-line-clamp: 3;         /* 限制行数 */
  overflow: hidden;              /* 隐藏溢出 */
  text-overflow: ellipsis;       /* 显示省略号 */
  line-height: 1.5em;            /* 行高 */
  height: 4.5em;  }
        #newssTab{ margin-left:0!important; margin-right:0!important; padding:0!important;}
        #newssTab .nav-link{ padding:0 5px ; overflow:hidden; width:calc( 100% - 0px ); margin-left:0; margin-right:0; }
        .dyui-product .nav-tabs .nav-link.active{ border:0;}
        .show-canshu table td{ width:50%!important;}
}

/*phone+iPad*/
@media(max-width:1023px) {
    .dyui-header {background-color: #FFF; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);}
    .dyui-header .dyui-nav li a.c1 {text-align: left}
    .dyui-header .search {width: 100%; margin-top: 20px}
    .dyui-header .search form {width: 100%; display: flex}
    .dyui-header .search .form-control {position: initial; width: 100% !important;}
    .dyui-header .dyui-nav li a.c1 {display: block; height: 40px; line-height: 40px; box-sizing: content-box; text-align: left; position: relative; border-bottom: solid 1px #ddd}
    .dyui-header .dyui-nav li a.c1.dropdown-toggle::after {position: absolute; right: 15px; top: 20px;}

    .dyui-header .dropdown-menu>li {border: none}
    .dyui-header .dyui-nav>li>.dropdown-menu>li>a.c2 {font-weight: initial; color: #000; padding: 10px 25px; text-align: left}
    .dyui-header .navbar-nav .open .dropdown-menu>li>a {line-height: 56px; border-bottom: 1px dotted #f2f2f2}
}

/*iPad Pro*/
@media (min-width:768px) and (max-width:1023px){
    .navbar-collapse.collapse {padding-bottom: 15px}


}