@media screen and (max-width: 767px) {
	.top .logo{ width:50%;}
	.top .logo img{ width:100%; display:inline-block; vertical-align:top; padding-top:10px; margin-left:10px;}
	.top .en{ display:none;}
	
	.top .right{ display:none; }
	
	
	.fsearch{ display:none;}
	.header{ height:0px;}
	#j-menu{ position:absolute; display: block;right:10px; top:25px; padding: 0 10px; }
	#j-menu i{display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 24px;}
	.nav1{ width:100%;position: fixed;left:0; top:0; background: rgb(239,239,245); padding: 0; z-index: 9999999; height:100%; display: none; float:none;}
	.nav1>ul{width:100%;padding-left: 12%;   }
	.nav1>ul>li{ float:none; width:auto;   padding: 0 0 0 20px;background: #fff;border-bottom: 1px solid #ececec; }
	.nav1>ul>li>a{text-align: left; color:#999;}
	.nav1:before{ display:block; width:12%; position: fixed ; left:0; top:0; content: " "; background: #d80000; height:100%;}
	#nav-close{position:absolute; display: block;left:0px; top:0px;background: #d80000; padding: 0 9px;}
	#nav-close i{display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 24px;}
	
	.nav1>ul>li>a>i{ height:30px; width:30px; background-size:contain; background:url(../img/r2.png) no-repeat center; top:14px;}
	.nav1>ul>li>a:hover{ color:#000;}
	.nav1>ul>li>a:hover>i{ height:30px; width:30px; background-size:contain; background:url(../img/r2.png) no-repeat center; top:14px;}
	
	.slideshow{ height:auto;min-height: 140px; display: block;}
	.slideshow img{ width:100%; max-width:100%; height:auto; display: block;}
	
	.men{ display:block; position: absolute; right:80px; top:37px; border:0; font-size: 16px;}
	
	.mob1{ padding-top:40px; padding-bottom:40px;}
	.mob1 .left{ width:100%; float:none; padding:0 10px;}
	.mob1 .left h2{ font-size:26px;}
	.mob1 .left a.btn{ width:100%; margin-bottom:20px;}
	.mob1 .right{ width:100%; float:none; padding:0 10px;}
	.mob1 .warp>p{ padding:20px 10px; margin:0; width:auto;}
	.mob1 .warp .box .item{ width:100%; float:none; margin:0; margin-bottom:10px; padding:0 10px;}
	
	.warp .tit{ font-size:26px;}
	.mob2 p{ width:100%; padding:10px;}
	.mob2 .tab-tit li{ margin-right:0px;}
	.mob2 .tab-tit li a{ padding:6px; font-size:14px;}
	
	.mob2 .tab-box .left{ width:100%; float:none; padding:0 10px;}
	.mob2 .tab-box .left a{ width:100%; float:none; margin-bottom:10px;}
	.mob2 .tab-tit{ margin-bottom:40px;}
	
	.mob2 .tab-box .right{ width:100%; float:none; padding-right:10px;}
	.mob2 .tab-box .right a{ margin-left:10px; width:calc( 50% - 10px );}
	.mob2 .tab-box .right a:nth-child(2n){}
	.mob2{ padding-bottom:40px; }
	
	.mob3{ padding:40px 0;}
	.mob3 .warp .box .item{ width:100%; float:none; margin:0; padding:0 10px; margin-bottom:10px; }
	
	.mob4{ background-size:cover; padding:10px;}
	.mob4 .left{ float:none; width:100%; margin:0; margin-bottom:10px;}
	.mob4 .right{ width:100%;}
	.mob4 .right ul li{ float:none; width:100%;}
	
	.footer .item:nth-child(2){ width:100%;}
	.footer .item:nth-child(3){ width:100%;}
	
	.footer .item{ width:100%; float:none; display:block; margin-bottom:20px; }
	.footer .item:nth-child(4){ width:100%; }
	.footer .btop{ padding:0 20px;}
	.footer .bottom{ text-align:center; line-height: 120%; padding: 10px 0;}
	.footer .bottom span{ float:none;}
	
	
	.top-title{ display: none; d width:100%;  height:50px; line-height: 50px; top:0px; position: static;text-align: center; font-size:16px;}
	.bnav{ float:none;}
	.left-menu{float:none; width:100%;}
	.left-menu .dyui-search{ margin:0 auto;}
	
	.right-pro{ float:none; width:100%; margin-left:0; margin-top: 20px; }
	.banner1{ width:100%;  }
	.banner1 img{ max-width:100%;}
	.theme-btn{ width:300px;}
	
	#myform .form-control{ width:200px;}
	.lmenu>ul{ width:calc( 100% - 20px );}
	.lmenu>ul>li>ul{ width:calc( 100% - 20px );}
	.left-menu .contact-us p{ width:calc( 100% - 40px );}
	
	.footer .bottom{ height:auto;}
	.right-pro .item{ width:calc( 50% - 23px );}
	
	.right-pro .top-box .img{ width:100%;}
	.right-pro .top-box .txt{ width:100%; padding:10px;}
	
	.page .pagenm{ display:none;}
	.page .pagination{ width:100%; text-align:center;}
	
	.preview{ width:100%; float:none; margin-left: 0; height:auto;}
	.bigImg{ width:100%; height:auto; }
	.bigImg #midimg{width:100%; height:auto;}
	
	.smallImg{ width:100%;}
	#imageMenu{ width:calc( 100% - 50px );}
	.scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled{ margin-left: calc( 100% - 25px );}
	
	.shop-txt{ width:100%; float:none; margin-left: 0; padding:40px 10px;}
	.shop-txt .btn{ width:100%;}
	.shop-txt .btn a{ margin-bottom: 10px; width:100%;}
	.shop-txt .btn a:nth-child(1){ width:100%; margin-right: 0;}
	.shop-txt .btn a:nth-child(2){ width:100%;}
	
	
	.show-box{ margin: 0;}
	.p-right{ float:none; width:100%;}
	
	.p-right .item{ width:calc( 50% - 23px );}
	
	
	.shop-table .left{ width:100%; padding:10px; border:0; }
	.shop-tab2{ padding:10px;}
	.shop-txt .text{ width:100%;}
	.shop-txt dl{ width:100%; }
	.shop-txt dl dt{ width:240px;}
	.shop-txt dl dd{ width:calc( 100% - 245px );}
	.right-news { padding:10px;}
	.right-news .list-item a:nth-child(1){ width:120px; margin-right: 10px;}
	.right-news .list-item a:nth-child(2){ width:calc( 100% - 140px ); }
	.right-news .list-item a:nth-child(2) span{ display:none;}
	.right-news .list-item a:nth-child(2) b{ font-size:14px;}
	.right-news .list-item a:nth-child(2)  em{ display:none;}
	
	.right-pro .news{ padding:10px;}
	.about ul.ul li{ margin:20px auto; float:none;}
.about ul.ul li:nth-child(1){ margin:20px auto;}

.about ul.uul li{ width:100%; float:none; margin:20px auto;}
	
	.conus ul.ul li{ width:50%; margin:20px 0; height:200px;}
	.conus #myform .form-group{ width:100%;}
	.conus{ padding-bottom:100px;}
	
} 
@media screen and (min-width: 390px) and (max-width: 767px) {
	
	
}

@media screen and (min-width: 360px) and (max-width: 389px) {
	
}
@media screen and (width: 390px)  {
	
}
@media screen and (width: 393px)  {
	
}
@media screen and (width: 375px)  {
	
}
@media screen and (width: 360px)  {
	
}