@media (min-width:1100px) and (max-width:1599px) {

body{ min-width:1400px;}
.warp{ max-width:1400px;}

.nav{ width:668px;}

.bx-wrapper .slide .pic img{ max-width:100%;}
.footer .lytext{ margin-right:30px;}
.footer .item:nth-child(2){margin-right:30px;}
.footer .item:nth-child(3){ width:380px;}

.about-mob3 a{ }
.about-mob3 a img{ max-width:100%;}

}


@media screen and (max-width: 767px) {
	body{ min-width:auto; width:100%;}
	.hleft{ display: none;}
	.hlogo{  }
	.hright{ display: none;}
	#j-menu{ position:absolute; display: block;right:10px; top:25px;background: #006ab8; 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; float:none;}
	.nav>ul{width:88%;padding-left: 12%;   }
	.nav>ul>li{ float:none; width:auto;   padding: 0 0 0 20px;background: #fff;border-bottom: 1px solid #ececec; }
	.nav>ul>li>a{text-align: left;}
	.nav:before{ display:block; width:12%; position: fixed ; left:0; top:0; content: " "; background: #006ab8; height:100%;}
	#nav-close{position:absolute; display: block;left:0px; top:0px;background: #006ab8; padding: 0 10px;}
	#nav-close i{display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 24px;}
	
	.mob1 .item { width: calc( 50% - 15px ); margin-left:10px; margin-right:0;}
	.mob1 .item:nth-child(2n){ margin-right:0;}
	.mob2 .box .item{ width:100%; margin-bottom:30px; }
	
	
	.mob4 .box>.item:nth-child(1){ width:100%; float:none; margin:0;}
	.mob4 .box .center{ width:100%; float:none; margin:0;}
	.mob4 .box .center .item{ display:inline-block; width:50%; float:left; margin:0;}
	.mob4 .box .right{ width:100%; margin:0;}
	.mob4 .box .right .item{ margin:0;}
	
	.footer .top{ padding:0 10px; padding-bottom:20px;}
	.footer .lytext{ width:100%; display:block; margin-bottom:40px;}
	.footer .lytext label{ width:calc( 50% - 10px );}
	.footer .lytext textarea{ width:calc( 100% - 17px );}
	.footer .item:nth-child(2){ width:100%;}
	.footer .item{ width:100%; display:block; margin-bottom:40px;}
	.footer .ewm{ width:100%; display:block;}
	.footer .item:nth-child(3) p.w5{ width:100%; display:block;}
	.footer .ewm img{ display:block; margin:0 auto;}
	.footer .item:nth-child(2) ul li{ width:calc( 33% - 5px );}
	.footer .bottom{ text-align:center; line-height:140%; height:auto; padding:10px 0;}
	.footer .bottom span{ float:none;}
	
	.bx-wrapper .slide{ width:100%; margin-right:0;}
	.bx-wrapper .slide .pic img{ width:100%;}
	.bx-wrapper .slide .txt{ float:left;}
	
	
	.bx-wrapper .slide{ width:50%;}
	

    .bx-wrapper .slide .txt p {  height: 116px;}
    
    .eng{ margin-left:-20px;}
    
    .new-main .left-menu{ float:none; width:90%; padding:0 5%;}
    .new-main .left-menu ul{ width:100%;}
    .left-menu .card-body{ width:100%;}
    .left-menu a.zxxj{ width:100%;}
    .new-main .right-content{ float:none; width:90%; padding:0 5%;}
    .main-about .l{ width:100%; float:none;}
    .main-about .r{ width:100%; float:none; margin:0;}
    .main-about .r img{ width:100%;}
    .about-mob2 .l{ width:100%; display:block; }
    .about-mob2 .l img{ width:calc( 50% - 25px ); margin-left:15px; margin-right:0; }
    .about-mob2 .r{ width:100%; display:block; }
    .about-mob3 a{ display:block; width:100%; margin:10px 0;}
    .about-mob3 a:first-child{ margin:10px 0;}
    .about-mob3 a img{max-width:100%; width:100%;}
    .about-mob3 .top a,.about-mob3 .bottom a{margin:10px 0;}
    .footer .item:nth-child(3){ width:100%;}
    
    
    
    
    .mob1#lt .item{ width: calc( 50% - 16px );}
    #cs .contact-info{width:100%; display:block!important; max-width:100%; flex:0 0 100%;}
    
    
    .slideshow{ height:240px;}
    
    
    .bx-wrapper .slide{ width:calc( 50% - 10px );}

.s-box .keyword{ width:calc(100% - 104px );}

.s-box .btn{ }
    
    
    
    
} 
@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)  {
	
}