@media screen and (max-width: 767px) {
.header{ top:0;}
.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:140px; margin-left:5px; }
	.header .lang span{ background:none; color:#fff;}
	.header .lang span font{ width:60px; 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{ margin-bottom:0;}
	.banner .swiper-slide>img{ min-height:200px ; width:100%;}
	.banner-bottom{ position:static; }
	.banner-bottom .warp ul li{ width:calc( 33.33% - 5px );padding-top:10px; padding-bottom:10px;}
	.banner-bottom .warp{ background-size:cover; padding-bottom:20px;}
	.banner-bottom .warp ul li img{ margin-bottom:10px;}
	.banner-bottom .warp ul li b{ font-size:20px;}
	.banner-bottom .warp ul li b sup{ font-size:12px;}
	.banner-bottom .warp ul li span{  font-size:14px;}
	.banner-bottom .warp ul li em img{ width:40%;}
	.index-top{ display:none;}
	.warp h2.tit{ font-size:18px;}
	.warp h2.tit b{ font-size:24px;}
	.product_list .box{ margin-left:5px;}
	
	.mob1 .left{ width:90%; padding-top:0; margin:0 auto; display:block;}
	.mob1 .right{ width:90%; display:block; margin:0 auto; margin-top:20px;}
	.mob3 .box .item{ display:block;}
	.mob3 .box .item{ width:100%;}
	.mob3 .box .item span.img{ width:calc( 100% - 20px );}
	.mob3 .box .item span.txt{ width:calc( 100% - 10px );}
	.mob3 .box .item span.img img{ max-width:100%;}
	.pic-sco { width:90%; margin:0 auto;}
	.pic-sco ul li{ width:calc( 33.33% - 5px ); vertical-align:top; margin-top:20px;}
	.pic-sco ul li a span{ height:40px; font-size:12px; line-height:40px;}
	
	.mob1 .right img{ float:none;}
	.product_list .item{ width:calc( 50% - 25px ); margin-left:10px; margin-right:10px;}
	
	.tab-tit ul li{ width:calc( 20% - 5px ); margin:0; vertical-align:top;}
	.product_list .item .pd-img{ height:auto;}
	.pd-img{ margin-bottom:0;}
	
	.mob3 .box .item{ margin-right:0;}
	.mob3 .box .item span.img b{ left:calc( 50% - 100px );}
	.mob3 .box .item:nth-child(2){ margin-top:0;}
	.mob3 .box .item span.txt em{ line-height:140%;}
	
	
	.mob4 .img{ width:100%; display:block;}
	.mob4 .img img{ width:100%;}
	.mob4 .img span b{ vertical-align:top;}
	.mob4 ul li{ padding:20px;}
	.mob4 ul{ width:100%; margin-left:0; margin-right:0; margin:0 auto;}
	.mob4 ul li strong{ vertical-align:top;}
	.mob4{ padding-bottom:40px;}
	.mob5 ul { padding-left:2.5%;}
	.mob5 ul li{ width:49%;}
	.mob5 ul li:nth-child(1){ width:49%;}
	
	.footer{ padding-top:40px;}
	
	.pd-img:hover .pd-shadow{ height:100%;}
	.footer .logo{ width:100%; display:block;}
	.footer .logo img{ max-width:60%; margin:0 auto; margin-bottom:20px; display:block;}
	.footer .fo{ width:90%; margin:0 auto; display:block;}
	.footer .fo dl{ width:calc( 50% - 5px ); margin-bottom:20px;}
	.footer-bottom { height:auto;}
	.footer-bottom .warp { font-size:12px; padding-top:20px;}
	.footer-bottom .warp .ewm{ position:static; background:none;}
	.footer-bottom{ line-height:24px; font-size:12px; text-align:center;}
	.footer-bottom .warp .ewm{ width:100%; height:auto; padding-bottom:10px;}
	.footer-bottom .warp .ewm span{ height:30px; line-height:30px;}
	.footer-bottom .warp .ewm img{ margin-top:10px;}
	
	
	.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;padding: 10px;}
	.gywm-pic img{ display:block; margin-right: 0; max-width:100%; margin-bottom: 20px; }
	.lxwm-box{ padding:0;}
	.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%;}
	
	.banner img{ max-width:100%;}
	.product_list .item .pd-img img{ height:auto;}
	.gutters20{ margin:0;}
	.mob4 .img span strong{ display:none;}
}