@media(max-width:1030px) {
    .hfixed{ position:fixed; left:0; top:0; background:#fff; width:100%; z-index:99999; margin:0;}
    .banner1{ margin-top:97px;}
    .header{ z-index:9999999;}
    .slideshow{ margin-top:97px;}
	.top{ display:none;}
	.hlogo img{ float:left; margin-left: 20px;}
	.hleft{ display: none;}
	.hlogo{  }
	.hright{ display: none;}
	.fsearch{ display:none;}
	#j-menu{ position:absolute; display: block;right:10px; top:25px;background: #0086a5; 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: #0086a5; height:100%;}
	#nav-close{position:absolute; display: block;left:0px; top:0px;background: #0086a5; padding: 0 10px;}
	#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;}
	
	.men{ display:block; position: absolute; right:80px; top:35px; border:0; font-size: 16px;}
	.nav1>ul>li>ul>li>a{ text-align:center; padding-left:0;}
	.nav1>ul>li>ul.imgmenu img{ display:none;}
	.nav1>ul>li>ul.imgmenu>li{ display:block;}
	.nav1>ul>li>ul{ width:100%; padding-left:0;}
	.nav1>ul>li>ul.imgmenu{ position:absolute; width:100%; left:0; top:60px;border: 1px solid rgba(0,134,165,.7);
    z-index: 9;display: none; 
    background: #035063 !important;}
.nav1>ul>li>ul.imgmenu>li{ border-bottom:1px solid #015064; width:100%; }	
.nav1>ul>li>ul.imgmenu>li>a{ color:#fff; padding-left:0px; display:block; font-size: 16px; height: 60px; line-height: 60px; text-align:center; }
.nav1>ul>li:hover>ul.imgmenu{ display: block;}
.nav1>ul>li>ul.imgmenu>li>a:hover{ color:#ffff00;}
	
}



/*iPad*/
@media(max-width:1024px) {
	.right-pro .item{ width:calc( 50% - 19px );}
}
/*iPad Pro*/
@media (min-width:768px) and (max-width:1024px){
	
	
	
}

@media screen and (max-width: 767px) {
	#scrollsidebar{ display:none;}
	.mob3 .box { display: block;}

	.top{ display:none;}
	.hlogo img{ float:left; margin-left: 20px;}
	.hleft{ display: none;}
	.hlogo{  }
	.hright{ display: none;}
	.fsearch{ display:none;}
	.header{ height:0px;}
	#j-menu{ position:absolute; display: block;right:10px; top:25px;background: #0086a5; 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: #0086a5; height:100%;}
	#nav-close{position:absolute; display: block;left:0px; top:0px;background: #0086a5; padding: 0 10px;}
	#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;}
	
	
	.mob1 .warp{ padding-top:40px;}
	.warp .tit{ font-size:26px;}
	.mob1 p{ font-size:16px; width:90%; margin:0 auto;}
	
	
	.mob1 .item{ width:calc( 50% - 15px );}
	.mob1 .list{ padding-left:15px;}
	.mob2 .warp .box .item{ margin-bottom:30px;}
	.mob3 .box2{ float:none; width:100%;}
	.mob3 .box2{ display:block; margin-right:0;}
	.mob3 .box2 img{ width:100%;}
	.mob3 .box2 .item img{ max-width:auto;}
	
	.mob5 .left{ width:100%; padding-right:0; float:none; padding:0 10px; margin-bottom:20px;}
	.mob5 .right{ width:100%; padding-right:0; float:none;}
	.mob5 .right img{ max-width:100%;}
	
	
	.mob6 .box .item{ float:none; width:100%; margin-right:0;}
	.mob6 .box .item img{ max-width:100%;}
	.mob6 .box .list{ float:none; width:100%; }
	.mob6 .box .list ul li a i {    right: -20px; top: 48px;}
	
	.mob2 .warp .box{ padding-left:0 ;}
	.mob2 .warp .box .item{ width:calc( 33.33% - 5px ); margin:10px 0;}
	
	
	.mob7 form{ width:100%;}	
	.mob7 form input.search{ width:calc( 100% - 135px );}
	
	.footer .item{ width:100%; float:none; display:block; margin-bottom:20px; }
	
	.footer .btop{ padding:0 20px;}
	
	
	.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 );}
	.left-menu .contact-us .left h3{ margin-left:20px; }
	.left-menu .contact-us .left p{ font-size:14px; margin-bottom:5px; text-indent:0; width:100%; margin-left:20px;}
	.footer .bottom{ height:auto;}
	.right-pro .item{ width:calc( 50% - 23px );}
	
	
	
	
	.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 );}
	
	
	.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{   }
	.conus #myform .form-group{ width:100%;}
	.conus{ padding-bottom:100px;}
	
	
	.mytableitem{ display:none;}
	.mytabletop{ display: block;}
	.form-option.spmsxx{margin-left:10px;}
	.shop-txt .btn{ text-align:center;width:auto; }
	
	
	.warp{ width:calc( 100% - 10px ); margin-left:5px; margin-right:5px;}
	.right-pro .item{ width:calc( 50% - 8px ); margin-left:5px;}
	.right-pro .item span.txt a:nth-child(1){ width:calc( 50% - 6px ); overflow:hidden; font-size:13px;}
	.right-pro .item span.txt a:nth-child(2){ width:calc( 50% - 5px );overflow:hidden;font-size:13px;}
} 










@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)  {
	
}