/*phone + pad*/
@media(max-width:820px) {

    .dyui-header .language .dropdown-toggle {padding: 0 5px}
    .dyui-header .language ul {left: initial; right: -44px; min-width: auto}
    .dyui-header .language ul li a {font-size: 14px}

    .dyui-header .container-fluid {padding-left: 0;}

    .dyui-header {height: 50px}
    .dyui-header .navbar {padding: 0; position: relative}
    .dyui-header .navbar>.container {padding-right: 0; padding-left: 0; max-width: 100%}
    .dyui-header .navbar .navbar-toggler {font-size: 28px; height: 50px; color: #333; padding-left: 5px; padding-right: 5px}
    .dyui-header .navbar-brand {padding: 0 0 0 10px}
    .dyui-header .navbar-brand .logo {height: 30px;}
    .dyui-header .navbar-brand .logo2 {height: 30px;}

    /*导航开始*/
    .dyui-header .navbar-collapse {order:5;background-color: #fff; padding: 10px 10px 15px; border-top: solid 1px #ddd; box-shadow: 0 5px 10px rgba(0,0,0,0.1); max-height: calc(100vh - 96px); overflow-y: auto}
    .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 #eee; color: #333; padding: 0; font-size: 15px;}
    .dyui-header .dyui-nav li a.c1.dropdown-toggle::after {position: absolute; right: 15px; top: 20px; content: ''; display: inline-block; width: 12px; height: 12px; margin-top: -2px; border: none; border-right: 1px solid #808080; border-bottom: 1px solid #808080; -webkit-transform: rotate(-45deg);}
    .dyui-header .dyui-nav li a.c1.show.dropdown-toggle::after {-webkit-transform: rotate(45deg);}
    .dyui-header .dyui-nav li.active a.c1.dropdown-toggle::after {-webkit-transform: rotate(45deg); border-color: #005EAD}
    .dyui-header .dyui-nav li.active a.c1 {border-bottom: solid 1px #005EAD; color: #005EAD}
    .dyui-header .dyui-nav li.active a.c1:before {display: none}
    .dyui-header .dyui-nav>li>.dropdown-menu {border-top: none}
    .dyui-header .dyui-nav li.active .dropdown-menu {border-bottom: solid 1px #eee;}
    .dyui-header .dyui-nav .open>.dropdown-menu {display: block}
    .dyui-header .dyui-nav>li>.dropdown-menu>li>a.c2 {padding: 10px 0 10px 15px; border: none; text-align: left;}
    .dyui-header .navbar-toggle {padding: 0 15px; border: none; margin: 0; height: 60px}
    .dyui-header .dyui-nav .dropdown-item:focus,
    .dyui-header .dyui-nav .dropdown-item:active {background: none !important; color: #333;}

    .dyui-header .btn-search {height: 50px; line-height: 50px; width: 50px;}
    .dyui-header .search-collapse .dyui-container {padding: 20px}


    .index .dyui-header .dyui-nav li a.c1 {color: #333;}
    .index .dyui-header .navbar .navbar-toggler {color: #FFF !important;}
    .index .dyui-header.active .navbar .navbar-toggler {color: #333 !important;}


    .dyui-header.active .navbar .navbar-toggler {color: #005EAD}

    .dyui-header-line {height: 50px;}


    .banner-section .dyui-main-body {}
    .banner-section .swiper-button-prev {left: 0}
    .banner-section .swiper-button-next {right: 0}

    .banner {margin-bottom: 20px}


    .down-tabs {justify-content: start; margin-bottom: 20px; border: none; margin-left: -5px; margin-right: -5px}
    .down-tabs li {width: 50%; margin: 0; border: none; padding: 5px;}
    .down-tabs li a {display: block; border: solid 1px #E6E6E6; background-color: #F3F3F3; border-radius: 3px; padding: 5px}

    .dyui-znav-zd {}
    .dyui-znav-zd .znav-header {display: flex; align-items: center; justify-content: space-between; border: solid 1px #005EAD; padding: 10px}
    .dyui-znav-zd .znav-header h3 {font-size: 18px}
    .dyui-znav-zd .znav-header::after {content: '\F286'; font-family: 'bootstrap-icons'; display: inline-block;}
    .dyui-znav-zd .znav-body {display: none;}
    .dyui-znav-zd.open .znav-body {display: block; padding-top: 10px}
    .dyui-znav-zd.open .znav-header::after {content: '\F282';}


    .cat-banner .dyui-container {justify-content: center}

    .news-list .news-item {padding: 15px}


}




@media(max-width:330px){
    .dyui-header .navbar-brand .logo2 {height: 30px !important;}
    .dyui-header .navbar .navbar-toggler {padding-left: 5px; padding-right: 5px}
}