@media screen and (max-width: 767px) {
    
    .mob1 .boxwarp .l-menu h2{ display:none;}
    
	.row{ margin:0;}
	body{  min-width:auto;}
	.header h1{ width:calc( 100% - 200px  ); padding-left:20px; position:relative;}
	.header h1 img{ padding-top:15px;}
	.header nav{ display:none;}
	
	.header .tel{ display:none;}
	.header .lang{ width:80px; margin-left:5px; }
	.header .lang span{ background:none; color:#fff;}
	.header .lang span font{ width:40px; display:inline-block; word-break: keep-all;white-space:nowrap;	overflow:hidden;vertical-align: middle;}
	.header .lang span i{border-color: #fff #00000000 #00000000 #00000000; display:inline-block;vertical-align: middle;}
	.header .lang span:hover i{border-color: #00000000 #00000000 #fff #00000000;}
	.header .lang ul li a{  word-break: keep-all;white-space:nowrap;	overflow:hidden;}
	.header .lang ul li a:hover{ color:#fff;}
	.header .lang span:hover ul{ display:none;}
	
	.header .box:before{ opacity:1;}
	#j-menu{ height:3px; background:#fff; width:25px; display:inline-block; position:relative; margin-right:15px; margin-left:5px; vertical-align:middle; float:right; margin-top:45px;}
    #j-menu:after{height:3px; background:#fff; width:25px; display:block; content:" "; position:absolute; left:0; top:-9px;}
	#j-menu:before{height:3px; background:#fff; width:25px; display:block; content:" "; position:absolute; left:0; bottom:-9px;}
	
	.header nav{ display:none; position:absolute; left:0; top:88px; width:100%; background:#fff; margin-left:0; z-index: 9999;border-bottom:4px solid #eee; }
	.header nav>ul>li{ display:block; width:100%; line-height:58px;height:auto;  }
	.header nav>ul>li>a{ height:58px;padding-left:20px; color:#333;}
	.header nav>ul>li:before,.header nav>ul>li.on:before,.header nav>ul>li:hover:before{ display:none;}
	.header nav>ul>li>a{ display:block;color:#333;}
	.header nav>ul>li>a>i{display:inline-block;border-color: #000 #00000000 #00000000 #00000000; border-style: solid;   border-width: 9px 8px 0 8px; height: 0;  width: 0; margin-left:5px; vertical-align:middle;}
	.header nav>ul>li:hover>a>i{ border-width: 0px 8px 9px 8px;border-color: #00000000 #00000000 #000 #00000000;}
	.header nav>ul>li>a>i{ float:right; margin-right:10px; margin-top:30px;}
	.header nav>ul>li>ul,.header nav>ul>li:hover>ul{ display:none; position:static;text-align:left; border-left:0; border-right:0; border-radius:0;}
	.header nav>ul>li>ul>li>a{ padding-left:20px;}
	
	.banner { width:100%;}
	.banner .swiper-container{ width:100%; vertical-align: top;}
	
	.s-box{ width:100%;}
	
	.banner img{ height:auto ; width:100%;}
	
	
	.warp>.lang{ display:none;}
	#scrollsidebar{ display:none!important;}
	.header #j-s{ margin-left:20%; margin-right:3%;}
	

	.header nav>ul>li#lang{ display:block;}
	
	
	.header{ position:relative;}
	
	
	.mob1 .boxwarp .l-menu{ width:100%; display:block;}
	.mob1 .boxwarp .l-menu>a>img{ width:100%;}
	.mob1 .boxwarp .box{ width:100%;}
	.mob1 .item{ width:calc( 50% - 26px );}
	
	.mob2 .warp .r{ float:left; width:100%;}
	.mob2 .warp .r img{ width:100%;}
	.mob2 .warp .l{ width:100%;}
	.mob3 { background-size:cover;}
	.mob3 ul { padding:0 20px;}
	.mob3 ul li{width: calc( 50% - 5px ); margin-bottom:20px; vertical-align:top;}
	
	.mob4 .item{width: calc( 50% - 31px ); margin-left:20px; margin-right:0;}
	.mob4 .item a img{ height:150px;}
	
	.mob5 .box .l{ width:100%; display:block;}
	.mob5 .itembox .top .img{ width:100%; display:block;}
	.mob5 .itembox .top .img img{ width:100%;}
	.mob5 .itembox .top .txt{ width:100%; display:block;}
	.mob5 .itembox ul li{ width:100%; line-height:30px;}
	
	.mob5 .itembox ul li a{ display:inline-block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; width:calc( 100% - 120px );}
	.mob5 .itembox ul li:before{ top:14px;}
	.mob5 .box .r{ width:100%; margin-left:0;}
	.mob6 { background-size:cover;}
	.mob6 .warp ul li{ width:calc( 50% - 32px ); margin-right:0; margin-left:20px;}
	.mob6 .warp ul li img{ width:100%;}
	.mob7{ background:none;}
	.mob7 .l{ margin-left:0; display:block; width:calc( 100% - 40px ); margin-bottom:20px; padding:0 20px;}
	.mob7 .r{ margin-left:0; display:block; width:calc( 100% - 40px );padding:0 20px;}
	
	.footer .cus{ width:calc( 100% - 40px );; margin-bottom:20px; padding-left:20px; padding-right:20px;}
	.footer .msg{ width:calc( 100% - 30px ); margin-left:0px; padding-left:20px; padding-right:10px;}
	.footer label{ width:100%;}
	.footer .ewm{ width:100%;}
	.foot{ height:auto;}
	.foot .l{ display:block;}
	.foot .r{ float:none;}
	.footer textarea{width: calc( 100% - 55px );}
	
	.footer .ewm{ text-align:center; padding-top:40px;}
	.foot{ line-height:160%; padding:20px;}
	
	.mob1 .boxwarp .l-menu ul{ display:none;}
	.mob1 .boxwarp .l-menu>a>img{ display:none;}
	.mob1 .item a img{ height:201px;}
	.warp .tit{ font-size:26px;}
	.warp .tit-desc{ font-size:14px;}
	.mob1 .boxwarp .box{ padding-top:20px;}
	
	.mob2 .warp .r{ padding:0 20px; width:calc( 100% - 40px ); margin-bottom:20px;}
	.mob2 .warp .l{ padding:0 20px; width:calc( 100% - 40px );}
	.mob3 ul li{ margin-bottom:20px;}
	.mob3 ul li span:nth-child(2){ font-size:16px;}
	.mob7 .r ul li{ vertical-align:top;}
	.mob7 .r ul li img{ width:100%;}
	.mob3 ul li span:nth-child(2) b{font-size:26px;}
	.mob5 .itembox .top .txt{ margin-left:0; margin-bottom:20px;}
	
.dyui-footer-line {height: 46px; display: block}
.dyui-footer-nav {position: fixed; bottom: 0; left: 0; right: 0; z-index: 999999999999999; display: block; background-color: #eee; height: 46px; border-top: solid 1px #ccc;}
.dyui-footer-nav ul {display: flex}
.dyui-footer-nav ul li {text-align: center; flex: 1;}
.dyui-footer-nav ul li a.c1 {height: 46px; line-height: 46px; color: #333; display: block; padding-top: 3px}
.dyui-footer-nav ul li a.c1 i {display: block; height: 20px; line-height: 20px; font-size: 16px}
.dyui-footer-nav ul li a.c1 span {display: block; height: 20px; line-height: 20px}
.dyui-footer-nav .dropdown-menu {min-width: 8rem}
	.header nav>ul>li#lang{ display:block;}
	
	
	.header{ position:relative;}
	
	.dyui-main-box{ padding:0;}
	
	.related-product .swiper-slide1{ width:calc( 100% - 10px ); display: block;}
	.dyui-main-box1{ margin:0;  margin-top:20px;}
	.xzzs ul{ padding:10px;}
	.xzzs ul li{  width:calc( 50% - 10px ); margin-right: 15px; text-align: center; }
	.xzzs ul li:nth-child(2n){ margin-right:0;}
	.xzzs ul li a.img img{ width:100%;}
	.xzzs ul li a.btn-1,.xzzs ul li a.btn-2{ width:75px;}
	.xzzs ul li a.btn-1{ margin-right:5px;}
	.gywm-box{padding:20px;}
	.gywm-pic img{ display:block; margin-right: 0; max-width:100%; margin-bottom: 20px; }
	.lxwm-box{ padding:15px;}
	.lxwm-box .left{ width:100%; margin:0;}
	.lxwm-box .right{ width:100%; margin: 0;}
	.lxwm-box .right img{ max-width: 100%;}
	.feedback{ padding:10px;}
	.feedback input.text{ width:100%; margin-left: 0px; margin-top: 10px;}
	.feedback textarea{ width:100%;}
	#anlist { padding:10px 0 10px 10px ; }
	#anlist li{ width:calc( 50% - 10px ); margin-right:10px; }
	#alist{ padding:0;}
	
}