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