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

    .dyui-header {background-color: #FFF; box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 999;}
    .navbar-brand {padding: 0}
    .dyui-header .logo {max-width: 100%; height: 30px; display: block;}
    .dyui-header .logo2 {max-width: 100%; height: 30px; display: block;}
    .dyui-header .navbar-dark .navbar-toggler {color: #333}
    .dyui-header .navbar-dark .navbar-toggler i {font-size: 30px;}
    .dyui-header .dyui-container {padding: 0;}
    .dyui-header .dyui-container .navbar-brand {padding-left: 10px;}
    .dyui-header .dyui-container .navbar-toggler {margin-right: 10px}
    .dyui-header .navbar-collapse {background-color: #fff; padding: 10px; margin-top: 10px}
    .dyui-header .dyui-nav li a.c1 {display: block; padding-left: 0; padding-right: 0; box-sizing: content-box; color: #333; border-bottom: solid 1px #eee}
    .dyui-header .dyui-nav li a.c1.show {border: none}
    .dyui-header .dyui-nav li.active a.c1 {border-radius: 0; color: #bd1422}
    .dyui-header .dyui-nav li a.c1:hover {color: #bd1422}
    .dyui-header .dyui-nav li .dropdown-toggle::after {border-right: 1px solid #333; border-bottom: 1px solid #333; right: 20px;}
    .dyui-header .btn-language .dropdown-menu {width: 300px; right: 0;}


    #znav ul {display: flex; flex-wrap: wrap}
    #znav ul li {}
    #znav ul li a {padding-left: 10px; padding-right: 10px}

    .dyui-fuwu-list li {margin-bottom: 15px}

    .dyui-sjs-list li .thumb img {width: 100px;}

    .dyui-youshi ul li {margin-bottom: 15px}
    .dyui-youshi ul li big {font-size: 1.6rem; font-weight: 700;}

    .dyui-certificate-list li {margin-bottom: 15px}
    .dyui-certificate-list li .thumb {height: 120px; overflow: hidden}

    .swiper-button-prev {left: 10px;}
    .swiper-button-next {right: 10px;}

    .dyui-outlets .swiper-container {height: 100px;}
    .dyui-outlets .swiper-wrapper {
        height: 100px;
    }
    .dyui-outlets .swiper-wrapper li.on {height: 100px !important;}

    /* 表单 */
    .dyui-form-flex .form-group .col-md-10 label {width: 100% !important;}
    .dyui-form-flex .form-group input.form-control {width: 100% !important;}


    #sidekefu {top: 250px !important;}
    #sidekefu li .li-box .li-body {width: 180px !important;}

}

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

    .dyui-header .dyui-nav {flex-wrap: wrap; padding-left: 10px; padding-right: 10px;}
    .dyui-header .dyui-nav li a.c1 {padding-left: 10px; padding-right: 10px;}
    .dyui-header .dyui-nav li .dropdown-toggle::after {right: 0}

}