@media screen and (max-width: 767px) {
    body{  min-width:auto;}
	.topheader{ display:none;}
	.header h1{ width:calc( 100% - 200px  ); padding-left:20px; padding-top:0; position:relative;}
	.header h1 img{ padding-top:15px;}
	.header nav{ display:none;}
	.header .warp{ height:60px;}
	.header .box{ height:60px;}
	.header .tel{ display:none;}
	.header{ height:60px;}
	.header .box:before{height: 60px;width: 40%;}
	.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 #j-s{ height:44px; padding-top:16px;}
	.header .box:before{ opacity:1;}
	#j-menu{ height:3px; background:#000; width:25px; display:inline-block; position:relative; margin-right:15px; margin-left:5px; vertical-align:middle; float:right; margin-top:30px;}
    #j-menu:after{height:3px; background:#000; width:25px; display:block; content:" "; position:absolute; left:0; top:-9px;}
	#j-menu:before{height:3px; background:#000; width:25px; display:block; content:" "; position:absolute; left:0; bottom:-9px;}
	
	.header nav{ display:none; position:absolute; left:0; top:70px; 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; line-height:58px;}
	.header nav>ul>li a{  line-height:58px;}
	.banner { width:100%;}
	.banner .swiper-container{ width:100%; vertical-align: top;}
	.s-box{ top:60px;}
	.s-box{ width:100%;}
	
	.banner img{ height:auto ; width:100%;}
	
	.warp>.lang{ display:none;}
	#scrollsidebar{ display:none!important;}
	.header #j-s{ margin-left:12%; margin-right:3%;}
	

	.header nav>ul>li#lang{ display:block;}
	.header #j-s{  width:43px;}
	
	.header{ position:relative;}
	
	
	.mob1 .item{ width:calc( 50% - 33px ); margin-right:0; margin-left:20px;}
	.mob2 .warp ul li{ width:calc( 100% - 5px );}
	.mob4 ul li{ width:100%;}
	.mob5 .warp .tit{ font-size:26px;}
	.warp .tit{ font-size:26px; margin-bottom:20px;}
	.mob1 .warp .box{ padding:0 0px;}
	.mob2 .warp ul li { margin-bottom:20px;}
	.mob2 .warp ul li strong{ margin-left:20px;}
	.mob4 ul li:nth-child(1){ width:100%;}
	.mob4 ul li:nth-child(2){ width:100%;}
	.mob4 ul li:nth-child(3){ width:100%;}
	.mob4 ul li:nth-child(4){ width:100%;}
	.mob4 ul li:nth-child(5){ width:100%;}
	.mob4 ul li:nth-child(6){ width:100%;}
	.mob5 .warp{ background-size:cover;}
	.mob5 .warp .box{ width:calc( 100% - 40px ); padding-left:20px; padding-right:20px;}
	.mob6 .warp .box .item{width: calc( 50% - 25px    ); margin-bottom:20px; margin-left:15px; margin-right:0;}
	.mob6 .warp .box .item:nth-child(2){ margin-right:0;}
	.mob6 .warp .box .item img{ width:100%;}
	.mob6 .warp .box .item a.img{ margin-bottom:0;}
	.mob6 .warp .box .item:nth-child(4){ margin-right:0;}
	.mob7 dl{ width:100%; margin-right:0;}
	.mob8 .warp ul li{ width:100%; margin-right:0;}
	.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 );}
	.mob7 dl{ padding-left:10px; padding-right:10px; margin-bottom:20px;}
	.mob7 dl dd span{ display:none;}
	.mob7 dl dd{ margin-left:0;width: calc( 100% - 200px );}
	.mob8 .warp{ padding-left:20px;}
	.mob8 .warp ul li{ width:calc( 50% - 20px ); margin-bottom:20px;}
	.mob8 .warp ul li img{ max-width:100%;width:100%;}
	.mob8 .warp{ padding:20px;}
	.footer .ewm{ text-align:center; padding-top:40px;}
	.foot{ line-height:160%; padding: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}


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

	
}