@media screen and (max-width: 767px) {
	
	.hleft{ display: none;}
	.hlogo{  }
	.hright{ display: none;}
	#j-menu{ position:absolute; display: block;right:10px; top:25px;background: #e50012; padding: 0 10px; }
	#j-menu i{display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 24px;}
	.nav{ width:100%;position: fixed;left:0; top:0; background: rgb(239,239,245); padding: 0; z-index: 9999999; height:100%; display: none; }
	.nav>.warp>ul{width:88%;padding-left: 12%;   }
	.nav>.warp>ul>li{ float:none; width:auto;   padding: 0 0 0 20px;background: #fff;border-bottom: 1px solid #ececec; }
	.nav>.warp>ul>li>a{text-align: left;}
	.nav:before{ display:block; width:12%; position: fixed ; left:0; top:0; content: " "; background: #e50012; height:100%;}
	#nav-close{position:absolute; display: block;left:5px; top:0px;background: #e50012; padding: 0 10px;}
	#nav-close i{display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 24px;}
	.banner img{ width:100%; height:auto;}
	.mob1 .item{ width:calc( 100% - 20px ); float:none;margin-bottom: 20px; margin-left: 10px;}
	.mob1 .item:nth-child(1){ margin-left:10px;}
	.mob2 .left{ float:none; width:95%; margin:0 auto;}
	.mob2 .left img{ max-width:100%;}
	.mob2 .right{ float:none; width:95%; margin:0 auto; padding-top:20px; padding-bottom: 40px;}
	.mob2 .right h2{ background:none; padding: 0; height: auto; text-align: center;}
	
	
	.mob3 .box .item { float:none; width:calc( 100% - 60px ); margin-left: 20px;}
	.mob4 h2{ width:100%; }
	.mob5 .new{ float:none;width:90%; margin-left: 5%;}
	.mob5 .new p{ width:100%;}
	
	
	.footer .top dl{display: none; width:100%; padding-left: 4%;}
	.footer .top dl:nth-child(1){display: block; width:100%;}
	
	
	.banner2 { height: 522px;
    background-image: url(../img/abb1.jpg) !important;
    background-color: rgba(0, 0, 0, 1);
	}
	.banner2 h2{padding-top: 200px;}
	.mob6 p{ padding:0 10px;}
	.mob6 .box .item{float: left;
		width: calc( 50% - 10vw );}
	
	.mob7 .box .item{ float:none; width:100%; padding-bottom: 10px;}
	.mob9{ padding-top:10px;}
	.mob9 ul{ margin-top:8%;}
	.mob9 ul li{padding: 10px; background: #fff;   width: calc( 44% - 20px ); float:left;margin-left: 4%; margin-bottom: 4%; }
	.mob9 ul li:nth-child(1){ margin-left:4%;}
	.mob9 ul li a:nth-child(1) { height: 27vw;}
	.contact { height: 1400px; padding-bottom: 80px;}
	.contact .from-box{  position: absolute; left:5%;  width:90%; top:-150px; z-index: 9999; background: #fff;}
	.contact .from-box .left{ float:none; width:calc( 100% - 100px ); padding:50px ;}
	.contact .from-box .right{ float:none; width:calc( 100% - 100px ); padding:50px ;}
	
	
	.fzlc dl dd{ display:none; }
	.fzlc dl dt{ margin-left:23%; padding:0!important;position:relative; width:70%; 
	padding-top:39px!important; padding-bottom:120px!important; }
	.fzlc dl dt b{ text-align:left!important; }
	.fzlc dl dt span{ text-align:left!important;}
	.fzlc dl dt em{ text-align:right!important; position:absolute;right:0; top:0;}
	
    .fzlc dl:after{ left:10%;}
	.fzlc dl:before{ left:calc( 10% - 14px );}
	
} 
@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)  {
	
}