/*max-width: 750px开始*/
@media screen and (max-width: 750px) {
    .layui-main {width: auto;}
    .layui-col-space20 {margin: 0;}
    .layui-col-space30 {margin: 0;}
    .layui-col-space20> .layui-col-xs12 {padding: 0;}

    .top .top-lang {padding-right: 10px;}
    header {height: 90px;}
    header .head {width: 100%; padding: 0;}
    /*Logo*/
    header .logo {width: 70%; padding: 5px 0 0 10px; max-height: 40px;}
    header .logo img {height: 40px;}
    header .layui-icon-search {float: right;  height: 50px;  line-height: 50px;  width: 50px;  text-align: center;}

    /*导航菜单*/
    .site-tree-mobile {display: block!important; z-index: 100000; float: right; width: 30px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center;}
    .site-home .site-tree-mobile{display: none!important;}
    .site-mobile .site-tree-mobile{display: none !important;}  .site-mobile .site-tree{left: 0;}
    .site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
    .site-tree-mobile i{font-size: 20px;}
    .site-mobile .layui-side{left: 0;}

    #banner {height: 200px !important;}
    #banner a {background-size: cover !important;}

    .home-about {padding: 10px 0;}
    .dyui-main-header .header-title legend {font-size: 20px; line-height: 20px;}
    .home-about .dyui-main-header {margin: 0 0 10px 0;}
    .home-about .layui-col-space30 {margin: 0;}
    .home-about .about-text {padding: 10px; font-size: 14px; height: 210px; overflow: hidden;}
    .home-about img {transform: none;}
    .home-about .about-img {padding: 0 10px;}
    .home-about .about-img::before,
    .home-about .about-img::after {display: none;}

    .home-product {padding: 20px 0 40px;}

    .home-youshi .dyui-main-header {padding: 20px 0;}
    .home-youshi .dyui-main-body {padding: 0 10px; margin: 0;}
    .home-product .dyui-main-body {padding: 10px 10px 0;}

    .home-news .dyui-main-body {padding: 0 10px;}
    .news-list li {padding-top: 0;}
    .news-list li a {padding: 0 0 10px 0;}


    .dyui-footer-line {display: block; height: 47px}
    footer .layui-main {padding-left: 10px; padding-right: 10px}
    footer .foot .f-nav {padding: 0}
    .footer dl.kf {text-align: center;}
    .footer .ewm ul li {float: none; margin: 0 auto;}


    .bann h3 {width: 100%; padding-left: 20px; top: 20px; font-size: 16px; margin: 0; left: initial;box-sizing: border-box;}

    .weizhi {padding-right: 10px;}

    .dyui-newslist {margin: 10px;}
    .dyui-newslist li img {width: 80px; height: 60px;}
    .dyui-newslist li .desc {display: none;}

    .show-title,
    .show-info,
    .show-updown {padding: 0 10px; box-sizing: border-box;}

    .dyui-mainr .layui-card-header {height: auto; overflow: hidden;}

    .layui-form .form-group .control-label {text-align: left; padding-left: 0;}
    .contact-skin1 .layui-card-header i {display: inline-block !important;}

    .layui-card.znav,
    .contact-skin1 {margin: 10px;}
    .dyui-mainr .layui-card-body {padding: 0;}
    .show-photo {padding: 0;}
    .show-content {padding: 10px; box-sizing: border-box;}
    .layer-search {padding: 30px 20px;}
    .page-form {padding: 10px; margin: 0;}
    .layui-form .form-group input.form-control {box-sizing: border-box;}

    /*max-width: 750px结束*/
}
/**移动端导航**/
.layui-side {left: -300px;}


/*max-width: 992px开始-平板*/
@media screen and (max-width: 992px) {
    body {font-size: 16px;}
    .layui-main {width: auto;}

    .top .cnen {padding-right: 10px;}
    header {height: 90px;}
    header .head {width: 100%; padding: 0;}
    /*Logo*/
    header .logo {width: 70%; padding: 5px 0 0 10px; max-height: 40px;}
    header .logo img {height: 40px;}
    header .layui-icon-search {float: right;  height: 50px;  line-height: 50px;  width: 50px;  text-align: center;}

    /*导航菜单*/
    .site-tree-mobile {display: block!important; z-index: 100000; float: right; width: 30px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center;}
    .site-home .site-tree-mobile{display: none!important;}
    .site-mobile .site-tree-mobile{display: none !important;}  .site-mobile .site-tree{left: 0;}
    .site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
    .site-tree-mobile i{font-size: 20px;}
    .site-mobile .layui-side{left: 0;}

    #banner {height: 200px !important;}
    #banner a {background-size: cover !important;}
    .bann h3 {width: 100%; padding-left: 20px; top: 20px; font-size: 16px; margin: 0; left: initial;box-sizing: border-box;}
    .contact-skin1 .layui-card-header i {display: none;}

    .layui-col-space20 {margin: 0;}
    .layui-col-space30 {margin: 0;}
}