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

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

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

.header .language {display: flex; padding: 10px}
.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;}

.gutters20 > .col, .gutters20 > [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}
/*通用版块标题*/
.dyui-main-header .header-title {margin-top: 0}
.dyui-main-header .header-title legend {font-size: 20px}

/*产品*/
.home-product {padding: 0;}
.product-info {padding-top: 30px; padding-left: 10px !important; padding-right: 10px !important;}
.product-info .en-title {font-size: 16px; margin-bottom: 0}
.product-info .dyui-main-header p {padding-bottom: 30px}
.swiper-container-product {border-top: none; padding-top: 20px}
.product-tree-item .box {padding: 20px 15px; text-align: center}
.product-tree-item .thumb {padding-bottom: 20px}
.product-tree-item .thumb img {max-width: 100%}
.product-tree-item .desc {height: 110px; overflow: hidden; color: #666; display: none}
.product-tree-item .more {font-size: 16px}

/*首页产品*/
.home-about .about-text h3 {text-align: center; margin-top: 5px; margin-bottom: 10px}
.about-more .dyui-btn {border: solid 1px #ddd; border-radius: 100px; padding: 8px 18px; margin-top: 10px}
.home-about .about-ys li {margin-bottom: 10px}
.home-about .about-ys li .box {padding: 10px}
.home-about .about-ys li .box b {font-size: 28px}

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

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


.show-tab .nav-tabs .nav-item {flex: 1; max-width: 25%}
.show-tab .nav-tabs .nav-link {font-size: 14px; height: 50px; line-height: 50px}


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

/*文章列表*/
.dyui-news-list li {padding-top: 15px; padding-bottom: 15px}
.dyui-news-list li .thumb {flex: 0 0 120px}
.dyui-news-list li .info {padding: 0}
.dyui-news-list li .info .t {line-height: 140%; font-size: 16px}
.dyui-news-list li .info .desc {display: none}

/*下载列表*/
.dyui-down-list li {padding-top: 15px; padding-bottom: 15px}
.dyui-down-list li .thumb {flex: 0 0 120px}
.dyui-down-list li .info {padding: 0}
.dyui-down-list li .info .t {line-height: 140%; font-size: 16px}
.dyui-down-list li .info .desc {display: none}
.dyui-down-list li .btn {margin-top: 5px}

/*子栏目*/
.dyui-znav {height: auto; line-height: 140%}
.dyui-znav ul {flex-wrap: wrap; justify-content: center; padding-right: 0; padding-left: 0}
.dyui-znav ul li {flex: 0 0 25%; text-align: center; border-left: solid 1px #ddd; border-bottom: solid 1px #ddd}
.dyui-znav ul li .c1 {display: block; padding: 5px 0; height: auto; line-height: 160%}

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

.page-about img {max-width: 100%; height: auto}

.dyui-main .dyui-main-header2 {margin-bottom: 20px}

/*下载搜索*/
.dyui-form-search .form-group {width: 100%; margin-right: 0}
.dyui-form-search .form-group .dyui-input {width: 100%}


/*底部版权*/
footer {margin-top: 10px; padding-top: 20px}
footer .copyright {border-top: none; padding-top: 0}
footer .copyright * {text-align: center !important;}

.show-video-list li .thumb {flex: 0 0 100px}


}

/*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-nav {
        /*margin: 0; flex-direction: row;*/
    }
    .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;
    }
    .nav>li>.dropdown-menu {
        opacity: 1;
        visibility: hidden;
        display: none;
    }
    .nav>li.open>.dropdown-menu {
        display: block
    }

}

@media(min-width:1440px) {
    .header .head-icon {
        flex: 0 0 320px;
    }
    .header .dyui-nav li a.c1 {padding: 0 20px}


}