/*
作者：帝云网络 diyunwl.com
版权所有，禁止扒代码
*/
@media screen and (min-width: 2000px) {

    .welfare-list li:nth-child(1) {height: 715px; overflow: hidden}
    .welfare-list li:nth-child(2) {height: 380px; overflow: hidden}
    .welfare-list li:nth-child(3) {height: 380px; overflow: hidden}
    .welfare-list li:nth-child(4),
    .welfare-list li:nth-child(5) {height: 344px; overflow: hidden}

}

@media screen and (max-width: 1300px) {

    .layui-container {width: 1200px; }
    .nav .layui-nav{width: 1200px}
    .news-list li:nth-child(1) {width: 462px}
    .news-list li:nth-child(2) {width: 728px; height: 304px}
    .news-list li:nth-child(3),
    .news-list li:nth-child(4) {width: 359px}
    .news-list li .m-thumb {display: none}

    .welfare-list li:nth-child(1) {height: 670px; overflow: hidden}
    .welfare-list li:nth-child(2) {height: 360px; overflow: hidden}
    .welfare-list li:nth-child(3) {height: 360px; overflow: hidden}
    .welfare-list li:nth-child(4),
    .welfare-list li:nth-child(5) {height: 310px; overflow: hidden}

}

@media screen and (max-width: 750px) {

.layui-main {width: 100%;}
.layui-container {width: 100%; padding: 0 10px}
.header-line {display: block;}
.head-tel {display: none;}
.logo {display: none}

.header {height: 44px; padding: 0}
.header .head {padding: 0; background: #006633; display: flex;
    width: 100%;
    height: 44px;
    text-align: center;
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 19;}
.header .m-title {font-size: 18px; height: 44px; line-height: 44px; overflow: hidden; width: 100%; padding: 0px 38px 0px 10px; font-weight: 400;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #FFF; box-sizing: border-box; text-align: left;
    }
.header .m-title img {height: 32px}
.site-tree-mobile {
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-family: "hui-font";
        flex-shrink: 0;
    }
.site-tree-mobile i {color: #fff}

.dyui-main-header .header-title {width: 100%}

.m-search-icon {line-height: 44px; color: #fff; font-size: 20px}

/*响应式菜单开始*/
.site-tree-mobile {}
.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;}
.layui-side {display: none;}

.m-search {background-color: #078244; width: 100%; padding: 10px; box-sizing: border-box}
.m-search .search-form {position: relative}
.m-search .dyui-input {height: 30px; line-height: 30px; padding-left: 10px; width: 100%; border: none; box-sizing: border-box; border-radius: 5px}
.m-search .dyui-btn {position: absolute; top: 0; right: 0; height: 30px; line-height: 30px; border: none; padding: 0 10px; background: #fff; border-radius: 5px;}

.site-mobile .layui-side {display: block; background-color: #006633;position: fixed !important;}
.dyuim-sidenav {height: auto; background: none;}
.dyuim-sidenav .layui-collapse {border:none}
.dyuim-sidenav .layui-side-scroll {width: 200px;background-color: #FAFAFA; padding: 0 35px 0 15px;}
.dyuim-sidenav .layui-colla-item {width: 200px; border: none; border-bottom: solid 1px #05562e}
.dyuim-sidenav .layui-colla-item .layui-colla-content {border-color: #05562e; padding-left: 20px}
.dyuim-sidenav .layui-colla-title {background: none; padding-left: 20px}
.dyuim-sidenav .layui-colla-title a {color: #fff; font-size: 16px}
.dyuim-sidenav .layui-colla-title i {left: initial; right: 10px; top: 11px; background-color: #05562e; color: #fff; height: 20px; line-height: 20px; width: 20px; text-align: center; border-radius: 10px;}
.dyuim-sidenav .layui-colla-title.title-no i {display: none}
.dyuim-sidenav .c2 li {border-bottom: solid 1px #05562e; padding: 5px 0;}
.dyuim-sidenav .c2 a {font-size: 16px; color: #b5b5b5; display: block}
.dyuim-sidenav .c2 .active {color: #FF5722;}

/*轮播图*/
.banner .swiper-button-prev,
.banner .swiper-button-next{display: none !important;}

.m-nav {background-color: #fff; padding: 20px 10px 0 10px; overflow: hidden}
.m-nav ul li {text-align: center}
.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; font-size: 16px}

.home-product {padding: 10px 10px}
.home-product .dyui-main-body {padding: 20px 0; overflow: hidden}

.home-about {padding: 20px 0 100px}
.home-about .dyui-main-header {margin: 0}
.home-about .dyui-main-header .header-title {text-align: center}
.home-about .dyui-main-header .header-title legend {width: 100%; margin: 0; display: block; text-align: center}
.home-about .header-title p {margin: 10px 0 20px}
.home-about .dyui-main-body {}
.home-about .about-text h3,
.home-about .about-text h4 {display: none}
.home-about .about-text {width: 100%; padding: 20px 10px; height: auto; border-radius: 10px}
.home-about .about-more {text-align: center; margin-top: 15px}



.home-youshi .dyui-main-header {height: 100px; line-height: 100px}
.home-youshi .dyui-main-header h3 {font-size: 28px}
.home-youshi .dyui-main-body {padding: 0 10px; overflow: hidden; }
.home-youshi ul li {margin-bottom: 20px; overflow: hidden}
.home-youshi ul li:nth-child(2n) {position: relative}
.home-youshi ul li:nth-child(2n) .tb {float: right; position: absolute; right: 0; top: 0}
.home-youshi ul li:nth-child(2n) .text {float: left; padding: 0 90px 0 0;}
.home-youshi ul li .text .title {margin-top: 10px}
.home-youshi ul li .text {height:auto}
.home-youshi .layui-col-md6 {height: auto}

.home-fangan {height: auto; padding: 20px 0 10px}
.home-fangan .dyui-main-body {padding: 0 10px}

.home-hezuo .layui-container {padding: 0 10px}

.home-news .layui-container {padding: 0 10px}
.news-list li {margin-bottom: 10px}
.news-list li:nth-child(1) {width: 100%; height: auto}
.news-list li:nth-child(2) {width: 100%; height: auto; padding: 0}
.news-list li:nth-child(3) {width: 100%; height: auto; padding: 0}
.news-list li:nth-child(4) {width: 100%; height: auto; padding: 0}
.news-list li:nth-child(2) .box {padding: 0 0 1px 1px}
.news-list li .thumb {display: none}
.news-list li .m-thumb {display: block}
.news-list li a .t {background-color: rgba(70,152,134,0.8); height: 50px; line-height: 50px}
/*.news-list li a .t {height: 100%; line-height: 160%; box-sizing: border-box; padding: 10px}*/

.service-list li .box {padding: 20px 10px}
.service-list li h3 {font-size: 16px}
.service-list li h4 {font-size: 16px; margin: 0 auto}

.copyright .fl,
.copyright .fr {float: none}


/*移动端底部菜单栏*/
.dyui-footer-line {display: block; height: 50px; overflow: hidden;}
.dyui-footer-nav {display: flex; position:fixed; z-index:11; bottom:0px; border-top:1px solid #b3b3b3; background:#e6e6e6; width:100%; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box;}
.dyui-footer-nav .menu {position:relative; flex: 1; height:50px; line-height:50px; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box;}
.dyui-footer-nav .menu:last-child{border-right:none;}
.dyui-footer-nav .new-sub {position:absolute; bottom:60px; z-index:10; width:100%; padding: 0px 10px; background: #fff; box-sizing:border-box; -webkit-box-sizing:border-box; border: 1px solid #EEEEEE; border-radius: 5px; display:none;}

.dyui-footer-nav .new-sub li{width: 100%; background:#fff; float:none; box-sizing:border-box; -webkit-box-sizing:border-box; border-top:1px solid #f2f2f2;}
.dyui-footer-nav .new-sub li a{display:block; height:50px; line-height:50px; text-align:left; background:#fff; color:#333; border:none; text-align:center; font-size:16px;}
.dyui-footer-nav .sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #000;border-bottom:5px solid #000;opacity:.5;}
.dyui-footer-nav .bt-name {font-size:16px;color:#000; text-align: center;}
.dyui-footer-nav .bt-name i {display: block; line-height: 22px; margin-top: 3px; color: #666;}
.dyui-footer-nav .bt-name span {display: block; line-height: 22px; color: #666;}
.dyui-footer-nav .bt-name a{display:block;font-size:16px;color:#000;}
.dyui-footer-nav .new-sub .tiggle {width:0px;height:0px;position:absolute;left:50%;margin-left:-10px;bottom:-9px;border-top:10px solid #EEEEEE;border-left:10px solid transparent;border-right:10px solid transparent;z-index:10;}
.dyui-footer-nav .new-sub .innertiggle{width:0px;height:0px;position:absolute;left:50%;margin-left:-9px;bottom:-8px;border-top:9px solid white;border-left:9px solid transparent;border-right:9px solid transparent;z-index:11;}

.dyui-main {overflow: hidden}

/*Bann*/
.m-bann {height: auto; display: block}
.m-bann img {width: 100%}

.znav {margin-top: 0}
.znav .layui-nav-tree .d1 {background-color: #0099E5}

.show-content {padding: 10px; box-sizing: border-box;}



.video-list {padding: 0px;}

.preview {width: 100%; float: none;}
.cpcanshu {padding: 0 30px;}
.bigImg {width: 100%;}

.show-updown {padding: 0 10px;}

.pdtit .weizhi {padding-right: 10px;}

.layui-form .form-group input.form-control {width: 100% !important; box-sizing: border-box}
.layui-form .form-group .control-label {text-align: left}
.layui-form .form-group .col-md-10 {padding: 0 15px}


/*公司简介*/
.dyui-main-page {width: 100%; margin-top: 0 !important; padding: 10px; margin-bottom: 0}
.dyui-main-contact {width: 100%}
.contact-list {width: 100%}
.contact-list li .box {padding: 20px 20px}
.contact-list li .t {margin: 20px 0}
.contact-message {width: 100%; padding: 30px 10px; margin: 0 0 20px; background: #006841}
.form-horizontal .form-code .form-recaptcha {width: 100%}

.research-main {padding: 20px 0}
.research-main .dyui-main-header {padding-bottom: 10px}
.research-main .research-item {padding: 10px 10px}
.research-main .dyui-main-body .text .desc {margin-top: 10px}
.research-ad img {margin: 10px 0}

.quality-main {margin-bottom: 20px}
.quality-main .dyui-main-header {margin-top: 20px}
.quality-main .header-desc {padding: 20px 0}
.quality-tx li .box {padding: 20px 10px; height: auto}
.quality-tx li .desc {margin-top: 10px}

.quality-certificate {padding: 20px 0 20px}

.layui-layer-iframe {width: 94% !important; height: 300px !important; overflow-y: initial !important;}

.product-main-header {padding: 20px 0}
.product-video #video {height: 250px}
.product-main .layui-col-space30>* {padding: 15px 0}
.product-main .product-list {padding: 0; margin: 30px 0}

.product-main-show-header {margin-top: 20px}
.product-info {padding: 20px 0 0}
.show-swiper {width: 100%}

.service-header {padding: 10px 10px 20px; overflow: hidden}

.service-maina {padding: 0 10px 220px}
.service-mainc {margin-top: 20px}

.contact-list li:nth-child(2) .c {padding-left: 0px; text-align: center}

.zhaopin-header {padding: 20px 10px}
.zhaopin-body .layui-colla-item {margin-bottom: 10px}
.zhaopin-body ul.layui-colla-title {height: auto; line-height: 160%; padding: 10px 15px 10px 35px}
.zhaopin-body ul.layui-colla-title .layui-colla-icon {top: 10px}
.zhaopin-body ul li {text-align: left}
.zhaopin-body ul li .more {display: none}

.welfare-header {padding: 20px 0}

.video-bann {height: 300px; display: none}
.show-video {width: 100%; height: auto; left: 0; margin: 0; top: 0}
.show-video #video {width: 100%; height: auto}

/*max-width: 750px结束*/
}