@media screen and (max-width: 768px) {
/*max-width: 768px-手机--开始*/
    body {min-width: 320px}
.layui-main {width: 100%;}
.layui-container {width: 100%}
.layui-col-space20 {margin: 0;}
.layui-col-space30 {margin: 0;}
.layui-col-space20> .layui-col-xs12 {padding: 0;}

.dyui-main-header .header-title:before {
    top: 30px;
}
.dyui-main-header .header-title:after {
    top: 33px;
}
.home-fuwu .dyui-main-header {padding: 20px 0;}
.home-fuwu .dyui-main-body {padding: 0 0 20px 0;}
.home-youshi .dyui-main-header .header-title {width: 100%; box-sizing: border-box;}
.home-youshi .dyui-main-header .header-title h3 {display: none;}
.home-youshi .dyui-main-header .header-title legend {padding: 0; text-align: center;}
.home-youshi .dyui-main-header .header-title p {padding:0 20px; text-align: center;}
.home-about .dyui-main-body {padding: 0;}
.home-about .about-img {height: auto;}

.top .cnen {padding-right: 10px;}
header {height: 52px; position: fixed; top: 0; width: 100%; z-index: 999; background-color: #fff; border-bottom: solid 1px #eee; box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 10%);}
header .head {padding: 0; height: 52px;}
/*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: 9;}
.site-tree-mobile i{font-size: 20px;}
.site-mobile .layui-side{left: 0;}

.banner {height: 200px}

.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: 200px; overflow: hidden; margin-top: -20px;}
.home-about img {transform: none;}
.home-about .about-img {padding: 0;}
.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-youshi ul li.item .info {flex: 1; width: 100%}

.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;}

.footer dl.kf {text-align: center;}
.footer .ewm ul li {float: none; margin: 0 auto;}

footer .foot .f-nav,
footer .foot .lx {padding: 0 10px;}

.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;}

.page-form {padding: 10px; margin: 0;}
.layui-form .form-group input.form-control {box-sizing: border-box;}

.home-form-body .layui-form-item .layui-input-inline {margin: 0 0 10px 0;}
.home-form-body .layui-form-item .layui-input-inline+.layui-form-mid {margin-left:0;}

.dyui-main-header .header-title {padding: 0 10px;}
.home-fuwu ul li .box {padding: 0;}
.home-fuwu ul li .box img {width: 100%; height: auto;}
.home-fuwu ul li:hover .box img  {width: 100%; height: auto; border: solid 1px #00A0E8;}

/*优势*/
.home-youshi ul li.li {height: auto;}
.home-youshi dl dd {padding: 0;}
.home-youshi dl dd h3 {min-height: 76px; line-height: 76px; font-size: 26px;}
.home-youshi dl dd ul {margin: 10px 0 20px;}
.home-youshi dl dd .more {display: block; width: 100px; margin: 0 auto;}


/*移动端底部菜单栏*/

.mfooter {display: flex; position:fixed; z-index:99; bottom:0px; border-top:1px solid #b3b3b3; background:#e6e6e6; width:100%; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box;}
.mfooter .menu {position:relative; flex: 1; height:50px; line-height:50px; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box;}
.mfooter .menu:last-child{border-right:none;}
.mfooter .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;}

.mfooter .new-sub li{width: 100%; background:#fff; float:none; box-sizing:border-box; -webkit-box-sizing:border-box; border-top:1px solid #f2f2f2;}
.mfooter .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;}
.mfooter .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;}
.mfooter .bt-name {font-size:16px;color:#000; text-align: center;}
.mfooter .bt-name i {display: block; line-height: 22px; margin-top: 3px; color: #666;}
.mfooter .bt-name span {display: block; line-height: 22px; color: #666;}
.mfooter .bt-name a{display:block;font-size:16px;color:#000;}
.mfooter .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;}
.mfooter .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;}


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